https://upload.cc/i1/2021/07/29/vjhm9P.jpg
i want to add this DEMO of Product Tab on my homepage. How to?
Thank you
This topic has 14 replies, 2 voices, and was last updated 4 years, 4 months ago ago by buzzchan525
https://upload.cc/i1/2021/07/29/vjhm9P.jpg
i want to add this DEMO of Product Tab on my homepage. How to?
Thank you
Hello,
This section contains a few static blocks that are used as content of tabs. Create a few static blocks with the desired content, then edit the Home page using Elementor and add Tabs element and Choose prebuilt static blocks – https://gyazo.com/31ea8773301db0d8b81125163a5a5750 , here are more settings, custom clas and custom CSS was used also
https://gyazo.com/aca1ef62cc40cba8d67f0746947e1cdd
.custom-tabs .et-tab-nav {
border-top: 2px solid #e1e1e1;
border-left: 2px solid #e1e1e1;
flex: 1;
}
.custom-tabs .et-tab-nav:last-child {
border-right: 2px solid #e1e1e1;
}
.custom-tabs .et-tabs-nav ul {
margin: 0;
}
@media only screen and (max-width: 767px) {
.custom-tabs .et-tab-nav {
border: 2px solid #e1e1e1;
width: 100%;
}
}
https://gyazo.com/cac91a37d67b5671a02ee4cba5717e7f
Regards
Can u help me to create one static blocks for me for example?
thank you
Thank you for your helping
I’ve added “Custom tab” static block. Please check
Regards
https://fivedbuy.com/
can you see my tab at the bottom? how to set it exactly with your DEMO?
thank you
Please clear cache and check – https://gyazo.com/2c7f06afc9ae0bbf5106877dd29ff800
Regards
i want my tab bar same with the picture below, now i am not like this, have space between lift and right
https://upload.cc/i1/2021/07/30/qVRvWs.jpg
Also, when u put the cursor on the product, that will pop up the frame like picture below
https://upload.cc/i1/2021/07/30/ZwpcSl.jpg
thank you
1/ Check now
2/ For products in these tabs or for all products on the site?
Regards
2 : can only this tab ?
I’ve added custom CSS code https://gyazo.com/b6398fcafa57047a1e470a69ec327088
Regards
thank you so much
Hello,
You’re welcome!
Regards
Your team are very helpful… thank you
The issue related to '‘How to insert the DEMO of Product Tab’' has been successfully resolved, and the topic is now closed for further responses