วีดีโอ

Same issue!!Doesnt work with 1 column

//To keep the tab active and its content visible after a page refresh, you need to save the state of the active tab somewhere. One common way to do this is to use the browser's local storage. Add the following line of code inside the click function. localStorage.setItem("activeTab", id); // Then add the following code inside the $(document).ready(function($){ code block to retrieve the setItem from the local storage when the page reloads. let activeTab = localStorage.getItem("activeTab"); if (activeTab) { hideAll(); $("#content-" + activeTab).removeClass("hide"); $("#subtitle-" + activeTab).removeClass("hide"); $("#trigger-" + activeTab).addClass("rotate"); $("#trigger-" + activeTab).addClass("active"); } // Let me know if this worked for you

@@divimobifirst4825 thank you for replying.i already solve my problem with this code (function($) { $(document).ready(function($) { // Add the "rotate" and "active" classes to the first tab by default $("#jtrigger-1").addClass("rotate"); $("#jtrigger-1").addClass("active"); $("#jcontent-1").removeClass("hide"); $("#jsubtitle-1").removeClass("hide"); $("[id^=jtrigger]").click(function() { jhideAll(); let jid = $(this).attr("id").replace("jtrigger-", ""); $("#jcontent-" + jid).toggleClass("hide"); $("#jsubtitle-" + jid).toggleClass("hide"); $(this).addClass("rotate"); $(this).addClass("active"); }); //hide all rows function jhideAll() { $("[id^=jcontent]").each(function() { $(this).addClass("hide"); }); $("[id^=jsubtitle]").each(function() { $(this).addClass("hide"); }); $("[id^=jtrigger]").each(function() { $(this).removeClass("rotate"); $(this).removeClass("active"); }); } }); })(jQuery);

Glad it was helpful!

It was most likely directing you to another example product layout page. Use this link divimobifirst.com/product/?add-to-cart=232427 Then it should redirect you to the cart page.

@@divimobifirst4825 Hi, thanks the plugin looks amazing! So the plugin is being kept up and updated, correct?

it sends me on this loop from the page that you sent me to a purchse section and then it goes back to the same page endlessly. You cant actually purchase..

​@@tonyybarra3185 It's been a while since we've updated. However, one will be released in January.

@@tonyybarra3185 Thank you for letting us know. We'll get this issue sorted out asap. We choose to disable the native product pages for woocommerce. Too many clicks. We decided that the user should be redirected to the cart page once they click the buy button. Somehow Woocommerce does not like that, so it's a bit buggy. Nevertheless, if this happens again when you click the BUY NOW button, just go directly to the cart page, and it should show up.

Glad to assist. The first two files should be the plugin zip file and a text file with the CSS code. No need to open the zip file. Just download and install it.

You can purchase the plugin at a very low price. Visit my website at kerjemtec.com/how-to-keep-divi-column-layouts-on-mobile-view-using-css/

Enjoy!