WooCommerce ShortCodes [products ids =＆＃34;，＆＃34;]嵌入[tabbed section] MisBehaving

Question

Platform = WP 3.9.1 with 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]