Home › Forums › Basel support forum › Compact Design in product page
Compact Design in product page
- This topic has 7 replies, 3 voices, and was last updated 8 years, 5 months ago by
Artem Temos.
-
AuthorPosts
-
October 18, 2016 at 9:00 am #5612
SantiParticipantHi,
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
October 18, 2016 at 10:41 am #5617
Artem TemosKeymasterHello,
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
October 18, 2016 at 11:28 am #5619
SantiParticipantWorks right.
It’s a good solution for me.Thank you for your fast response!!
October 18, 2016 at 3:16 pm #5626
Artem TemosKeymasterYou 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 🙂
November 11, 2016 at 7:22 pm #6597
AeriformParticipantHey 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?
November 11, 2016 at 9:40 pm #6604
Artem TemosKeymasterHello,
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
November 14, 2016 at 11:16 pm #6692
AeriformParticipantBeautiful! Worked great. How about this:
On mobile:
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
November 15, 2016 at 5:43 am #6701
Artem TemosKeymasterUnfortunately, such mobile header layout is available only for “Double menu” header layout.
Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register