Tabs Bug in Product Pages 
Autor: Nigel B.
Visited 332,
Followers 1,
Udostępniony 0
In my product pages I have 3 tabs - description, directions, ingredients. When I click the tabs to go to directions or ingredients, they don't work anymore since the latest update.
See example: https://www.thetahealth.co.za/product/?eb-maximize-immunity-immune-boosting-supplement
Posted on the
Hello Nigel,
I am sorry about the issue, this was reported earlier today and the development team will release a fix as soon as possible.
I remain available.
...(It > En) ...the announced FIX will be arriving soon...
...in the meantime, if you're interested in re-enabling product pages now for your users/visitors, I came up with one of my own unique ideas...
...it works well in online simulation, isn't problematic, and can be applied and removed in a second once the FIX arrives...
...if you're interested in temporarily moving things up, let me know...
.
ciao
.
Autor
Hi KolAsim, yes I would be very interested to use your solution in the meantime
ciao, ... OK ... Here's the code waiting for the FIX:
<script>
/* click tab pre-FIX by KolAsim */
$(document).ready(function() { /*K>*/
setTimeout (function(){ styleK = '<style> .tab { background-color: #dbdbdb !important;} .tab-active { background-color: transparent !important;} </style>';
$(document).on("click", ".tab-border a", function(){ $("head").append(styleK); let k = $(this).data("index"); $(".tab").removeClass("tab-active"); $(this).addClass("tab-active"); $(".text-tab-content").hide(); let targetK = $('.text-container div[data-index="' + k + '"]'); targetK.css("opacity", 1).show(500); $(".selected-tab-border").removeClass("selected-tab-border"); $(this).parent().addClass("selected-tab-border"); }); },1000); /**K<<**/});
</script>
............................
... paste the code in Step 3 into the Properties of the "Product Sheets" Special Page > Expert > Before the Closing /HEAD Tag...
.
ciao
.
.
ciao
.
Autor
Thank you so much KolAsim. It works a charm
... OK... I checked, it works fine...
... I noticed that above 1200 pixels the anchor is hidden under the top...
... if you're interested, we could make the tabs visible even above 1200px...
.
Hi, ciao
.