Home Forums WoodMart support forum Featured Products

Featured Products

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #112216

    joshh31
    Participant

    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.

    #112250

    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

    #112295

    joshh31
    Participant

    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.

    #112334

    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

    #112355

    joshh31
    Participant

    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.

    #112380

    Hello,

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

    Best Regards

    #112451

    joshh31
    Participant

    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.

    #112499

    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

    #112522

    joshh31
    Participant

    Hello,

    Yes I inserted the title in the default mode.

    Thanks in advance for the CSS.

    #112570

    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

    #112598

    joshh31
    Participant

    It works, thank you.

    #112683

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

    Best Regards

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Featured Products’ is closed to new replies.