开始聊天

Joomla 3.x 文档

SP页面生成器

SP页面生成器 是个累赘 & Drop builder for Joomla websites. You can build 和 configure your website right from Admin Panel or Front-end using the Live 编辑or.

如何进入

后台编辑器

Create your page layouts, add addons 和 arrange them in any way you like.

Select SP页面生成器 > 页面.

您可以添加新页面. 单击 button.

In order to edit the existing page, tap the page title.

前端编辑器

T在这里 are several ways to open the 前端编辑器:

1. 按下 前端编辑器 button at the page you want to edit.

2. Open the page you want to edit.

选项卡的 前端编辑器 按钮在顶部.

进入 用户名密码 you use to access your website admin > click 登录.

Now you can edit the page.

编辑页眉或页脚

Hover on the element you want to change 和 click the 编辑 button.

编辑主要内容

按下 编辑页面 和 move to the section you want to modify.

然后点击 编辑插件 button.

添加新行

后台编辑器

Open the Page you want to add the row to 和 scroll down to the bottom of the page.

你会看到 添加新行 button.

单击 button 和 select column structure.

按下 生成 button.

添加 the new row, click the "列选项按钮和TAB 添加新行.

Select 行选项 要配置行. 添加 节标题,设置 填充, 文本颜色背景图像.

前端编辑器

打开页面 Frontent编辑器.

Move to the bottom of the page.

按下 "+" button.

添加新列

后台编辑器

The rows 和 addons can be organized in columns.

点击 添加/管理列.

添加 3 列,类型 4+4+4 并按 生成.

The screen width equals to 14, so if you want to add 2 columns, you need to enter 6+6.

Open the column settings (click the 列选项).

添加新插件

后台编辑器

You can add 插件s to each row.

按下 插件 button.

Choose the extension you want to add.

Configure the selected addon as you want it to display 和 保存 设置.

Change the 插件 position.

To access the addon display setting tap 编辑插件.

前端编辑器

添加 the new addon just select the extension you want to display 和 pit it into the right position on the page using the Drag&Drop functionality of the 前端编辑器.

Then set the addon display settings.

To edit the addon tap the extension area (the addon area will be highlighted) or click the “编辑插件” button.

Virtumart插件

内容:

1. Virtuemart Custom Block.

2. VirtueMart产品.

3. Virtuemart Custom Br和.

Virtuemart Custom Block

You can use this addon to display Banners with all the essential information on it. You can add the link to any page or category, you can set the custom link, as well.

Let's see the addon settings:

General选项卡
  • 管理标签 - enter the addon title (for internal reference only).
  • Title - add some description to the addon (for internal reference only).
  • 插件选项

  • 选择布局 - choose the layout for the addon.
  • Choice column custom block - set the number of columns to display in the addon area.
  • 标题文本 - specify the text you want to display as the heading.
  • 页脚文本 - enter the text to display at the bottom of the addon area.
  • CSS类 - you can apply a particular CSS style to the addon. You need to add the CSS class name.

重复的项目

添加 new item press the 添加物品 button.

Access the item settings by clicking the “齿轮” button.

  • Enable Background Options - customize the background of your addon with various styling options. You can add the background color 和 background image, text content 和 button.
  • 背景颜色 - choose the color you want to use as a background color for the addon.
  • 背景图像 - you can add a background image.
  • 图像的宽度 - set the image width (e.g. 695, 400).
  • 按钮图标 - select the icon for the button.
  • Item title, Sub Title, 内容 - specify the text you want do show with the help of this addon.

  • Btn链接 - you can add the button with the link to a specific category or page. In case you do not wan to use the button (the option set to disabled) the whole addon area will be linkable.
  • 选择链路类型 -选择链路类型. You can add the link to the joomla pages, virtuemart categories or any custom link.
  • Select menu item, 选择类别 - select the page or products category you want to link to.
  • 按钮链接 - enter the URL for the button.
  • 按钮文字 - enter the text for the button. Leave the field empty if no button is required.
  • 按钮的位置 - choose the button position.
  • 按钮样式 - select the button style.

记得 保存 的设置.

VirtueMart产品

You can use this addon to display featured, 折扣, 最新的, 畅销书, recently viewed products block.

Let's see the addon settings:

General选项卡
  • 管理标签 - enter the addon title (for internal reference only).
  • Title - add some description to the addon (for internal reference only).
  • 插件选项

  • 显示 - select the type of product you would like to display.
  • 选择布局 - choose the layout for the addon.
  • Number of displayed products — specify the overall number of products to show in the addon.
  • 每行产品 - set the number of rows.
  • 标题文本 - specify the text you want to display as the heading.
  • 页脚文本 - enter the text to display at the bottom of the addon area.
  • 使用类别过滤器 - enable the category filter.
  • 选择类别 - select the category you display products from.
  • 选择类别 - enable the manufecturer filter. This option allows to display the products from one manufecturer.
  • 选择厂家 - select the manufectrer.
  • CSS类 - you can apply a particular CSS style to the addon. You need to add the CSS class name.
Options选项卡
  • 使用旋转木马 -enable the carousel mode.
  • 循环 - enable the loop mode for the carousel.
  • Nav - you can use the navigation arrows for your carousel.
  • - enable to show the navigation dots.
  • 播放 - sets whether you want the carousel to start automatically when the page loads.
  • 播放超时 - allows to set the autoplay timeout.
  • 倒带 - set to "Yes" to make the carousel to go backwards.

记得 保存 设置.

Virtuemart Custom Br和

You can use this addon to display Br和s block with link 和 the title.

Let's see the addon settings:

General选项卡
  • 管理标签 - enter the addon title (for internal reference only).
  • Title - add some description to the addon (for internal reference only).
  • 插件选项

  • 选择布局 - choose the layout for the addon.
  • Choice column custom block - set the number of columns to display in the addon area.
  • 标题文本 - specify the text you want to display as the heading.
  • 页脚文本 - enter the text to display at the bottom of the addon area.
  • CSS类 - you can apply a particular CSS style to the addon. You need to add the CSS class name.

重复的项目

添加 new item press the 添加物品 button.

Access the item settings by clicking the “齿轮” button.

  • Enable Background Options - customize the background of your addon with various styling options. You can add the background image.
  • 背景图像 - you can add a background image. Note, the br和 logo will be replaced with the background image.
  • 选择品牌 - select the br和 you want to display.
  • Item title, Sub Title, 内容 - specify the text you want do show with the help of this addon.
  • 标题链接 - in case you do not want to use the title as the link,设置 option to "Enabled".
  • Choice type custom or br和 link -选择链路类型. You can add the link to the br和 pages or any custom link.
  • Select menu item, 选择类别 - select the page or products category you want to link to.
  • 按钮链接 -输入自定义URL.

记得 保存 的设置.

You can find the official documentation 在这里.

To receive further updates 和 use SP Page builder functionality to its full potential you should purchase its license 在这里.