blackbit_digital_commerce/pimcore-cms-toolbox

基本区域块,用于创建用于落地页、Web2Print文档或完整网站的Pimcore文档

1.0.0 2022-09-08 12:26 UTC

This package is auto-updated.

Last update: 2024-09-13 12:21:04 UTC


README

此捆绑包提供即用区域块,以创建Pimcore文档,无需任何编程工作。由于许多网站使用相同的基

用法

安装后,您可以立即开始创建文档

Add new document

创建文档后,会立即提供添加所有不同类型的区域块

Add area brick

添加一个 多列布局 并在其内部添加左侧的 图片 字段和右侧的 标题富文本 /

Finished document

在前端,此文档看起来如下

Finished document frontend

每个区域块都有一个配置部分,例如在这个例子中,网格已调整为 3/12 和 9/12。

Area brick configuration

通过这些配置,可以单独定制每个组件以满足您的需求,无论是大小、颜色还是添加完全个

可用区域

以下区域随工具箱提供,可以无需任何额外配置即可使用(尽管可以进行配置和修改,如果需要

  • 多列布局
    • 此组件允许您定义多列布局。在每一列中,您可以放置额外的区域块。

    • 定义列

      此组件的设置窗口显示每个bootstrap断点的选项卡。最小的,xs,确定是否存在所有列。对于其他

    • 继承

      断点从之前的断点继承其设置 - smxs 继承,mdsm 继承等。

    • 添加和删除列和偏移量

      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,并根据您的需求修改视图。