平台= WP 3.9.1与WooCommerce 2.1.2

使用ShortCodes显示多个选项卡产品轮播(在主页上),每个包含4列和8个产品:需要大约6个产品轮播/滑块 .

Code : 
[tabbed_section]
[tab title="A"] [products ids="1, 2, 3, 4"] [/tab] [tab title="B"] [products ids="5, 6, 7, 8"][/tab] [tab title="C"] [products ids="9, 10, 11, 12"] [/tab] [tab title="D"][products ids="13, 14, 15, 16"][/tab][tab title="E"][products ids="17, 18, 19, 20"][/tab]
[/tabbed_section]

问题:在第一个块中,在每个选项卡下,第一行中仅显示三个产品,第四个产品被推送到第二行 . 轮播导航不存在 .

Code :
[tabbed_section]
[tab title="F"][products ids="21, 22, 23, 24"][/tab]
[/tabbed_section]

问题:这是第二个块 . 与第一个块中的问题相同在第一个选项卡“F”之后,显示选项卡“B”“C”“D”“E”的精确副本

整个代码如下:

[container]

[brands title="Shop by Brand"]

[custom_featured_products title="DEALS"]

[tabbed_section]
[tab title="A"] [products ids="1, 2, 3, 4"] [/tab] [tab title="B"] [products ids="5,   6, 7, 8"][/tab] [tab title="C"] [products ids="9, 10, 11, 12"] [/tab]
[/tabbed_section] 

[tabbed_section]
[tab title="D"][products ids="13, 14, 15, 16"][/tab][tab title="E"][products ids="17, 18, 19, 20"][/tab][tab title="F"][products ids="21, 22, 23, 24"][/tab]
[/tabbed_section]

[recent_posts title="Latest Deals"]

[/container]