Home Forums Basel support forum Compact Design in product page

Compact Design in product page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #5612

    Santi
    Participant

    Hi,
    Basel is a awesome theme, I love it!

    I have one question,
    I’m using Compact design for a Product Page but I want all the tabs closed by default, how can I do it?

    Thanks

    #5617

    Artem Temos
    Keymaster

    Hello,

    Thank you for purchasing our theme and contacting us.

    By default, WooCommerce opens first tab when page is loaded. You can try to close it manually right after page loading by adding this code snippet to the Custom JS section in Theme Settings

    setTimeout(function() {
        var $tabs = jQuery( '.wc-tabs, ul.tabs' ).first();
        $tabs.parent().find('#tab-description').hide();
        $tabs.parent().find( '.tab-title-description' ).removeClass('active');
    }, 10);

    Regards

    #5619

    Santi
    Participant

    Works right.
    It’s a good solution for me.

    Thank you for your fast response!!

    #5626

    Artem Temos
    Keymaster

    You are welcome, we are always happy to help you, write us when you have any difficulties or issues with our theme.

    And we would be glad if you will rate our theme with 5 stars on Theme Forest in case you are satisfied with our theme and customer service http://themeforest.net/downloads

    Thank you in advance 🙂

    #6597

    Aeriform
    Participant

    Hey guys! Is there a better solution than this? I dont like that the page loads with it open and then it closes. Is there a way to make it so its closed by default?

    http://undonyc.com/product/m-the-central-city/

    Also, when we added the social buttons to the top right it moved the menu button down. Can we fix this?

    http://i.imgur.com/6wNJe1d.png

    #6604

    Artem Temos
    Keymaster

    Hello,

    Try to add also this code snippet to fix this

    body:not(.document-ready) .woocommerce-Tabs-panel {
    display:none!important;
    }

    We suggest you hide social buttons for mobile devices. Place this code to the Custom CSS for mobile devices

    .right-column .social-follow {
    display:none!important;
    }

    Regards

    #6692

    Aeriform
    Participant

    Beautiful! Worked great. How about this:

    On mobile:

    http://undonyc.com/

    I want the logo to be centered instead of on the left, and the menu button on the left instead of on the right next to shopping cart?

    So it should be:

    MENU LOGO CART

    #6701

    Artem Temos
    Keymaster

    Unfortunately, such mobile header layout is available only for “Double menu” header layout.

    Regards

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