PrestaShop 1.6.x. 如何使用“TM Mega layout”模块创建自定义布局

本教程将向您展示如何创建自定义 layout using ‘TM巨型布局‘ module in PrestaShop 1.6.x. template.

为了创建一个 layout you need to:

1. Navigate to Modules and Services->Modules and Services 节并找到 TM Mega Layout module. Press the Configure 按钮来访问它的设置.

   

2. 你可以在顶部的位置之间切换，现在让我们试试 DisplayTopColumn. Click on the Add preset 按钮来创建一个新的 layout 并为您的 layout. 现在让我们添加一个包装器，它将作为内容的容器. 要做到这一点，你需要点击 +Add wrapper button.

   

3. 现在我们有了一个包装器，我们可以向它添加内容行. Click on the Add row 按钮，该按钮位于新创建的包装器上. 我们可以把这行分成多列或者保持原样. 让我们通过点击…按钮在右侧. 您将看到一个下拉菜单，您需要在其中进行选择 +Add col.

   

4. 你会看到 pop-up 窗口，您可以为列定义特定的类，并设置不同设备的跨列数(最大值为12)。. 让我们为这个列设置6个' span '，并创建一个新的，它将占用相同的空间. 这样我们就有两列相等.

5. The layout 已经准备好了，我们可以添加模块吗. 你可以添加 module 到一个列，单击…按钮，并选择 +Add Module. 现在您需要单击 默认使用 顶部的开关.

   

6. 在网站上查看你的更新 frontend. 顶部列中应该显示两个列，其中包含您所选择的模块.

   

感谢收看我们的教程. 现在您知道了如何创建自定义 layout 使用TM Mega Layout’ module 在prestshop 1.6.x.

请随时查看下面的详细视频教程: