WooCommerce ShortCodes [products ids=“,”] embeded with [tabbed_section] MisBehav

Dev Site : http://www.flowerica.eu

Using ShortCodes to display multiple Tabbed Product Carousels (on HomePage) each with 4 columns and 8 products : need about 6 product carousels/slider.

[tabbed_section]
[tab title=“Flowers”] [products ids=“99510, 68876, 68804, 68664”] [/tab] [tab title=“Roses”] [products ids=“107761, 108102, 107389, 68664”][/tab] [tab title=“Daisies”] [products ids=“101290, 100942, 101484, 68664”] [/tab] [tab title=“Iris”] [products ids=“34349, 100999, 101458, 68664”] [/tab] [tab title=“Lilies”] [products ids=“69239, 99207, 99369, 68664”] [/tab] [tab title=“Orchids”] [products ids=“69355, 68138, 69328, 68664”] [/tab] [tab title=“Tulips”] [products ids=“99504, 68784, 68843, 68664”] [/tab] [tab title=“Gerberas”] [products ids=“68837, 69068, 68887, 68664”] [/tab] [tab title=“Carnations”] [products ids=“99507, 69248, 69149, 68664”] [/tab] [tab title=“Sunflowers”] [products ids=“69104, 69343, 69161, 68664”] [/tab] [tab title=“Hydrangeas”] [products ids=“68602, 68215, 68543, 68664”] [/tab] [tab title=“Tropical Flowers”] [products ids=“69257, 68546, 68614, 68664”] [/tab]
[/tabbed_section]

Issue : In this first block, under each tab, only three products are being displayed in the first row and the fourth product is being pushed to a second row. The carousel and navigation is absent.

[tabbed_section]
[tab title=“Bouquet”][products columns=“4” ids=“107977, 107962, 100951, 106705”][/tab][tab title=“Fruit Bouquet”][products ids=", “][/tab][tab title=“Assorted Bouquet”][products ids=”,"][/tab]
[/tabbed_section]

Issue : This is the second block. Same issues as in first block above + After the first tab three tabs, displaying an exact copy of Tabs from the first block.

This isn’t my theme but you can solve your problem by reducing right margin for your products.

This can be done by adding this custom CSS to your Child Theme style.css or inside Jetpack CSS or any other custom CSS field in theme or plugins.

.product_item {
    margin-right: 26px;
}

Aigars, Greetings !

The Developer of that theme is stuck in life and death situation in Ukraine and I feel very very bad for him.

Meanwhile, your assistance is greatly appreciated and to complement this we will keep using coupons (https://colorlib.com/wp/coupons/) to make purchases.

The solution you provided, definitely solved one issue, thank you so much.

Now only two more issues remain :

(1)
Please see the tabbed sections on home page :

Issue : In this first block, under each tab, only three products are being displayed in the first row and the fourth product is being pushed to a second row. The carousel and navigation is absent.

Issue : In second block and subsequent blocks. Same issues as in first block above + After the first few tabs, displaying an exact copy of Tabs from the first block.

(2)
Want to remove Cart Icon in Header (do not wish to achieve this by disabling Add to Cart as we have replaced the “Add to Cart” button with “Buy Now” and integrated external products)

We can send you admin via email.

Everything works just like it should when it your website downloading completes but your theme code is terribly bad in combination with cheap shared hosting from Godaddy it makes it even worse. It takes 10 second to loads your website and it’s really bad.

To remove cart button you can use this code

.header_shopbag {
    display: none;
}

But personally, I strongly recommend to just start over with new theme and better hosting or do implement some performance optimization such as W3 Total Cache but this will give you some 30% performance boost but you should be looking at something like 80% but currently it is not possible.

Aigars, thanks Man :

To remove cart button you can use this code

.header_shopbag {
display: none;
}

This removed the header cart icon. During testing realized that the cart icon still appears in Sticky Menu if use the scroller to navigate the site in downwards direction.

Please see the tabbed sections on home page :

→ 1st Tabbed Section ←

Flowers, Roses, Daisies, Iris, Lilies, Orchids, Tulips, Gerberas, Carnations, Sunflowers, Hydrangeas, Tropical Flowers

Issue : In this first Tabbed Section, under each Tab, only 4 products are being displayed in the first row and the 5th product is being pushed to a second row.
The Carousel and Navigation feature is absent.

→ 2nd Tabbed Section ←

Bouquet, Flower Bouquet, Fruit Bouquet, Assorted Bouquet (-> duplicating Tabs from 1st Tabbed Section -> IRIS, LILIES, ORCHIDS, TULIPS, GERBERAS, CARNATIONS, SUNFLOWERS, HYDRANGEAS, TROPICAL FLOWERS)

Issue : In 2nd Tabbed Section and all the subsequent Tabbed Sections. After the first few tabs, displaying an exact copy of Tabs from the 1st Tabbed Section.

→ 3rd Tabbed Section ←

Plants, Indoor Plants, Blooming Plants, Tropical Plants, Sympathy Plants, (-> duplicating Tabs from 1st Tabbed Section -> ORCHIDS, TULIPS, GERBERAS, CARNATIONS, SUNFLOWERS, HYDRANGEAS, TROPICAL FLOWERS)

→ 4th Tabbed Section ←

Baskets, Flower Baskets, Fruit Baskets, (-> duplicating Tabs from 3rd & 1st Tabbed Section -> TROPICAL PLANTS, SYMPATHY PLANTS, ORCHIDS, TULIPS, GERBERAS, CARNATIONS, SUNFLOWERS, HYDRANGEAS, TROPICAL FLOWERS

Once this issue is resolved, we will keep it alive during transition to a different theme and certainly an optimized hosting environment.

A performance oriented and stable hosting configuration and hosting provider referral from your side would be highly appreciated.