Joomla 3.x. 如何添加更多选项卡(基于模板48543)

Hello! 本教程将向您展示如何 添加更多选项卡 in Joomla 3.X(基于模板48543).

Joomla 3.x. 如何添加更多选项卡(基于模板48543)

为了做到这一点，请遵循以下步骤:

1. Reach public_html directory 在您的服务器上获取模板文件.

2. Next open 模板/ themexxxx 文件夹并查找 templateDetails.xml file. 查找这部分代码:

    tab-1
    tab-2
    tab-3
   

   After each tab-3 请添加职位 tab 4 .通过复制代码和替换 tab-3 with tab-4.

   完成后，单击 Save 右上方按钮:

   

3. 接下来，请回到 themexxxx 文件夹并查找 template.css file in css folder.

   在这个文件中，你必须寻找每一个 tab-3 代码并添加相同的代码 tab-4 below it:

   

4. 添加代码之后 tab-4，我们需要添加字体awesome图标为新的 tab，将此代码放入 template.css file:

   .tabs-services .nav-tabs .Num4 a:before {
     内容:“\ f10a”;} 
     

   在该代码中，您可以替换 “\f10a” 与任何数量的图标，你需要的. 保存更改:

   

5. Next, open responsive.css file. 执行与的相同步骤 template.css 文件，寻找每一个 tab-3 代码并添加相同的代码 tab-4 below it.

6. Log into Joomla行政部门. Navigate to Content -> Category manager 然后创建一个新类别.

   现在我们必须创建一个新的文章，并将其分配到创建的类别. Click on Content -> Article manager, click New 按钮在左边. 从右侧的下拉菜单中选择已创建的类别:

   

7. Next, go toExtensions->Module manager 创造新的 module. Module 类型必须是 Artciles-newsflash(高级). In Category tab 选择已创建并在其中的类别 Position tab type tab-4.

   Go to Advanced tab and set Module Class Suffix: tab-4并在其前面添加空白，然后单击 Save button:

   

8. Navigate to Content->Article manager, click New 并创建新文章，输入文章名称并在左侧选择 服务选项卡 category.

   In Content tab 在文章中，我们必须将此代码用于加载位置:

   		{loadposition tab_4}
   		

   Click on Save button:

   

9. Go to Extensions->Module manager, look for 服务选项卡 module in the list. In 物品数量 字段设置为4而不是3，这样我们可以显示新创建的 tab.

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

Joomla 3.x. 如何添加更多选项卡(基于模板48543)