Featured Products

Hello,

I would like to create a page as we can see on this demo (“The featured products” part) :
https://woodmart.xtemos.com/handmade/

I want a page with 3 columns like “BEST SELLERS” “FEATURED” “SALES”, how can I can do that ?

Thank you.

Hello,

This is Product AJAX tabs element. Here is the code:

[vc_row woodmart_bg_position="left-bottom" woodmart_disable_overflow="1" css=".vc_custom_1505907859058{margin-bottom: 4vh !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}"][vc_column 0="" css=".vc_custom_1496220834961{padding-top: 0px !important;}"][woodmart_title size="medium" color="primary" title="FEATURED PRODUCTS" subtitle="<strong>WOODEN ACCESSORIES</strong>" after_title="Visit our shop to see amazing creations from our designers." css=".vc_custom_1505907570545{margin-bottom: 10px !important;}"][products_tabs color="#79b38a"][products_tab items_per_page="8" pagination="arrows" orderby="date" order="ASC" title="BEST SELLERS" columns="4"][products_tab post_type="bestselling" items_per_page="8" pagination="arrows" orderby="date" order="DESC" title="FEATURED" columns="4"][products_tab items_per_page="8" pagination="arrows" orderby="date" order="DESC" title="SALES" columns="4"][/products_tabs][/vc_column][/vc_row]

If you need help in inserting the code please provide site admin access and page URL

Best Regards

Perfect. It works, thank you.

Do you know how I can change the “Titles for the tab” like that (i don’t want uppercase) :
BEST SELLERS -> Best Sellers
FEATURED -> Featured
SALES -> Sales

Ans also how can I change the color of the green underline ?

Thank you very much.

Hello,

The title is changed in the tab settings https://gyazo.com/7357c8987fda9129c78f1ca40639383f

The color is changed in the wrapping tab settings https://gyazo.com/78a6ebf6bbea939692cb355999371c38

Best Regards

Thank you.

It works for the color.

But for the title it doesn’t work, because I didn’t tell you that I created it manually without your code and I have others names, sorry for that. So I think I need an additional code, right ?
Maybe something like that ? :

… {
text-transform:none;
}

Thank you for your help.

Hello,

Please use the Tabs title as I have shown you. Our support does not cover fixing any manual customization

Best Regards

I see.
When I mean manually, I mean I created a page and then I added one element “Ajax Products tabs” with the editor “WPBakery”. Then I added three “Products tabs”.
And I want to change the “Titles for the tab” like that (i don’t want uppercase) :
TEST -> Test
TEST2 -> Test2
TEST3 -> Test3

What do you recommend ?
Thank you.

Hello,

Make sure you insert the title in the default (not Caps Lock) mode. Then provide your page URL I will provide CSS.

Best Regards

Hello,

Yes I inserted the title in the default mode.

Thanks in advance for the CSS.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-products-tabs .products-tabs-title li {
text-transform:none;
}

Best Regards

It works, thank you.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts