blackbit_digital_commerce / pimcore-cms-toolbox
基本区域块,用于创建用于落地页、Web2Print文档或完整网站的Pimcore文档
This package is auto-updated.
Last update: 2024-09-13 12:21:04 UTC
README
此捆绑包提供即用区域块,以创建Pimcore文档,无需任何编程工作。由于许多网站使用相同的基
用法
安装后,您可以立即开始创建文档
创建文档后,会立即提供添加所有不同类型的区域块
添加一个 多列布局
并在其内部添加左侧的 图片
字段和右侧的 标题
和 富文本 /
在前端,此文档看起来如下
每个区域块都有一个配置部分,例如在这个例子中,网格已调整为 3/12 和 9/12。
通过这些配置,可以单独定制每个组件以满足您的需求,无论是大小、颜色还是添加完全个
可用区域
以下区域随工具箱提供,可以无需任何额外配置即可使用(尽管可以进行配置和修改,如果需要
- 多列布局
-
此组件允许您定义多列布局。在每一列中,您可以放置额外的区域块。
-
定义列
此组件的设置窗口显示每个bootstrap断点的选项卡。最小的,xs,确定是否存在所有列。对于其他
-
继承
断点从之前的断点继承其设置 -
sm
从xs
继承,md
从sm
继承等。 -
添加和删除列和偏移量
xs
断点确定存在哪些列(和偏移量),因此只能在此处添加或删除列。删除之前有内容的列时要小心。有两种类型。实际列,可以填充内容,和偏移量,它将以下列推到右侧。偏移量不能填充内容。
-
- 标题
- 单行文本,具有可配置的h*-Tag
- 图片
- 单个图片,具有定位、大小和样式选项
- 纯文本
- 无样式选项的多行文本字段
- 富文本(WYSIWYG)
- 支持样式/格式化文本的文本编辑器。可用的功能是可配置的,以防止过于“疯狂”的样式
集成
与自己的区域块/控制器/模板结合使用
您还可以将此捆绑包的区域砖块与您自己的区域砖块结合起来,并在同一文档中使用它们。请参阅Pimcore文档。
请确保您的模板也包含这些JS文件(或将它们集成到您的构建工作流程中)
- /bundles/cmstoolbox/webpack/app.js
- /bundles/cmstoolbox/webpack/common.css
- /bundles/cmstoolbox/webpack/editmode.css (仅适用于编辑模式)
覆盖默认视图
所有区域都带有默认的Bootstrap标记。如果您需要更改标记,您可以在项目中覆盖一个区域的视图(模板)。然后您可以在新文件中对区域进行修改。
您可以在vendor/blackbit/cms-toolbox/src/Resources/views/Areas
中找到所有默认视图。每个区域都有自己的文件夹。您可以复制包含view.html.twig
的整个文件夹到app/Resources/BlackbitToolboxBundle/views/Areas
,并根据您的需求修改视图。