Joomla 3.x Documentation

How to Access

Backend Editor

创建您的页面布局，添加插件，并安排他们在任何你喜欢的方式.

Select SP Page Builder > Pages.

You can add new page. Click the New button.

要编辑现有页面，请点击页面标题.

Frontend Editor

有几种方法可以打开 Frontend Editor:

1. Press on the Frontend Editor 按钮在要编辑的页面上.

2. 打开要编辑的页面.

Tab the Frontend Editor button at the top.

Enter the Username and Password you use to access your website admin > click LOG IN.

现在可以编辑页面了.

Edit Header or Footer

将鼠标悬停在要更改的元素上，然后单击 Edit button.

Edit the Main Content

Press the Edit Page 然后移动到你想修改的部分.

Then click the Edit Addon button.

Add New Row

Backend Editor

打开要向其中添加该行的页面，然后向下滚动到页面底部.

There you'll see the Add New Row button.

单击按钮并选择列结构.

Press the Generate button.

要添加新行，请单击Column Options" button and tab Add New Row.

Select Row Options to configure the row. Add the Section Title, set the Padding, Text Color and Background Image.

Frontend Editor

Open the page in the Frontent Editor.

移到页面底部.

Press the "+" button.

Add New Column

Backend Editor

可以按列组织行和附加组件.

Click Add/Manage Columns.

To add 3 columns, type 4+4+4 and press Generate.

屏幕宽度等于 14, so if you want to add 2 列，需要输入 6+6.

打开列设置(单击 Column Options).

Add New Addon

Backend Editor

您可以向每行添加Addons.

Press the Addon button.

选择您想要添加的扩展.

按照您希望的显示方式配置所选插件 save the setting.

改变插件位置.

要访问插件显示设置，请点击 Edit Addon.

Frontend Editor

要添加新的插件，只需选择您想要显示的扩展，并使用拖动将其放入页面上的正确位置&删除前端编辑器的功能.

然后设置插件显示设置.

要编辑插件，请点击扩展区域(该插件区域将突出显示)或单击 "Edit Addon" button.

Virtumart Addons

Content:

Virtuemart自定义块

你可以使用这个插件来显示横幅上的所有重要信息. 您可以将链接添加到任何页面或类别，也可以设置自定义链接.

让我们看看插件设置:

General tab

• Admin Label -输入插件标题(仅供内部参考).
• Title 在插件中添加一些描述(仅供内部参考).

Addon Options

• Select Layout -选择插件的布局.
• 选择列自定义块 -设置插件区域显示的列数.



• Header Text -指定要显示为标题的文本.
• Footer Text -输入要显示在插件区域底部的文本.
• CSS Class -你可以应用一个特定的CSS样式的插件. 需要添加CSS类名.

Repeatable Items

要添加新项目，请按 Add Item button.

控件访问项目设置 "Gears" button.

• 启用后台选项 -自定义您的插件与各种样式选项的背景. 您可以添加背景颜色和背景图像，文本内容和按钮.
• Background Color -选择你想要使用的颜色作为背景颜色的插件.
• Background Image -你可以添加一个背景图像.
• Image width -设置图像宽度(e.g. 695, 400).
• Button Icon -选择按钮的图标.
• 项目标题，子标题，内容 -指定文本你想要做显示与此插件的帮助.

• Btn Link -您可以添加链接到特定类别或页面的按钮. 如果你不想使用按钮(选项设置为禁用)，整个附加区域将是可链接的.
• Select Link Type - choose the link type. 您可以添加链接到joomla页面，virtuemart类别或任何自定义链接.
• 选择菜单项，选择类别 -选择要链接到的页面或产品类别.
• Button Link -输入按钮的URL.
• Button Text -输入按钮的文本. 如果不需要按钮，则保留该字段为空.
• Button position -选择按钮位置.
• Button Style -选择按钮样式.

Remember to save the settings.

VirtueMart Products

您可以使用这个插件来显示特色, discounted, latest, best-sellers, 最近查看的产品栏.

让我们看看插件设置:

General tab

• Admin Label -输入插件标题(仅供内部参考).
• Title 在插件中添加一些描述(仅供内部参考).



Addon Options

• Display -选择要显示的产品类型.
• Select Layout -选择插件的布局.
• 展示产品数量 -指定要在插件中显示的产品总数.
• Products per row -设置行数.
• Header Text -指定要显示为标题的文本.
• Footer Text -输入要显示在插件区域底部的文本.



• Use category filter -启用分类过滤器.
• Select Category -选择要显示产品的类别.
• Select Category -启用制造商过滤器. 此选项允许显示来自一个制造商的产品.
• Select Manufacturer -选择生产厂家.
• CSS Class -你可以应用一个特定的CSS样式的插件. 需要添加CSS类名.

Options tab

• Use Carousel 启用旋转木马模式.
• Loop -启用旋转木马的loop模式.
• Nav -您可以使用导航箭头为您的旋转木马.
• Dots - enable显示导航点.
• Autoplay -设置是否希望轮播在页面加载时自动启动.
• Autoplay Timeout -允许设置自动播放超时时间.
• Rewind -设置为“是”，使旋转木马后退.

记得保存设置.

Virtuemart定制品牌

您可以使用这个插件来显示带有链接和标题的Brands块.

让我们看看插件设置:

General tab

• Admin Label -输入插件标题(仅供内部参考).
• Title 在插件中添加一些描述(仅供内部参考).

Addon Options

• Select Layout -选择插件的布局.
• 选择列自定义块 -设置插件区域显示的列数.



• Header Text -指定要显示为标题的文本.
• Footer Text -输入要显示在插件区域底部的文本.
• CSS Class -你可以应用一个特定的CSS样式的插件. 需要添加CSS类名.

Repeatable Items

要添加新项目，请按 Add Item button.

控件访问项目设置 "Gears" button.

• 启用后台选项 -自定义您的插件与各种样式选项的背景. 您可以添加背景图像.
• Background Image -你可以添加一个背景图像. 注意，品牌标志将被替换为背景图像.
• Select Brand -选择要显示的品牌.
• 项目标题，子标题，内容 -指定文本你想要做显示与此插件的帮助.



• Title Link -如果你不想使用标题作为链接，将选项设置为“启用”.
• 选择类型自定义或品牌链接 - choose the link type. 您可以添加到品牌页面的链接或任何自定义链接.
• 选择菜单项，选择类别 -选择要链接到的页面或产品类别.
• Button Link - enter the custom URL.

Remember to save the settings.