akps1234 Posted February 3, 2016 Share Posted February 3, 2016 Hi there,I successfully transformation Tabs from PS 1.6 style to PS 1.5 style in our web site http://www.filterdepot.ca/index.php?id_product=8&controller=product However, the "Accessories" Tab opens up empty with the "0" height of its division <div class="bx-viewport"> (see example: in our web site http://www.filterdepot.ca/index.php?id_product=8&controller=product ) .Meanwhile, all products appear in the "Accessories" tab normally if the "inspect element" function in Firefox or "inspect" in Google Chrome is used.I'm pretty sure, this is an issue related to the interaction between the Tabs javascript ( IdTabs.js ) used to toggle the Tabs and the BxSlider,js used to display the images of products (as slides) in the "Accessories" tab.It looks that "resize event" has to be triggered for the BxSlider (or its division <div class="bx-viewport">) each time the "Accessories" tab opens up in order to display the images (slides) correctly. Apparently, this is what "inspect element" function does - triggers the "resize event".Triggering the 'resize event' for "Accessories" tab in "idTabs.js" upon its opening could get the desired result.The same issues was reported by some other users.Cheers,Alex Link to comment Share on other sites More sharing options...
maxalerator Posted February 29, 2016 Share Posted February 29, 2016 Hello AKPS1234, Did you already managed to solve it yourself? I'm experiencing the same problem. Followed the modifications as described here https://github.com/webprom/prestashop1.6.1.4-product-page-tabs Would be great if someone have had a step-by-step fix Despite i'm not the most experienced Prestashop fanatic I'll trial and error it. Cheerio, Max Link to comment Share on other sites More sharing options...
maxalerator Posted March 5, 2016 Share Posted March 5, 2016 Look at this github page for the solution Link to comment Share on other sites More sharing options...
akps1234 Posted March 7, 2016 Author Share Posted March 7, 2016 Hey Max, Thanks a lot for your feedback. It actually worked. I was playing with " height: auto" in CSS files. But adding "!important" to it sealed the deal. Thanks again, Alex. 1 Link to comment Share on other sites More sharing options...
maxalerator Posted March 7, 2016 Share Posted March 7, 2016 You're welcome....Good to hear that i was able to help and that it worked out for you! Link to comment Share on other sites More sharing options...
[email protected]. Posted May 8, 2016 Share Posted May 8, 2016 Thanks a lot for your feedback. It actually worked. I was playing with " height: auto" in CSS files. But adding "!important" to it sealed the deal. This worked perfectly for me. Thank you. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now