closed resolved
dennes
Member
I was wondering if anyboy else has noticed that if oyu use tabbed content in a product page, from the third tab onwards, the content box gets pushed further and further down. It does not happen anywhere else in the site, only when you use tabs in product pages.
Can anybody help me with a solution for this problem please?
Thank you so much for your time and patience.
Dennes
dennes
Member
Hi Peter,
Thank you for getting back, you can see what goes wrong on this page: http://www.tabithajk.co.uk/product/m-d-c-2/
I've put a few extre tabs in , so you can see the consitancy in the problem, it starts happening from the third tab onwards.
Thank you fo ryour time, love the theme, but would like to be able to use the tabbed content on the product page.
Looking forward to your solution
Dennes
Hi Dennes,
Looking at your source code, I see there area extra <br> in the shortcode which I believe is contributing to the problem. If you will look through the shortcode and delete any extra spacing you have. You may find it necessary to switch to HTML view in order to do this.
If this doesn't work let us know.
Regards,
Mya
dennes
Member
Hi Mya,
I know about the extra
tag, but it is not in the html of the product page - so must be added by the template?
I have copied and pasted the same shortcode into a "normal" page and it works fine, no problems at all and the tabs all stay at the same level. I also notcie that the div container height seems to vary and change as you go through the tabs.
I am really stuck as to what is casuing this, any other ideas?
Thanks for your suggestion though
Regards,
Dennes
Devin
Moderator
Hi Dennes,
I just tried to replicate the issue but didn't have any problems. It might be a conflict with one of your plugins and the javascript that handles the tabbed content. Try disabling any plugins you have running besides woo commerce and then testing the page again.
Regards,
Devin
dennes
Member
Hi Devin, thank you for your idea, I have tried what you suggested, but to no avail. All plugins bar the woocommerce disabled and still have the same problem. Do you think it could have something to do with the image/size?
I have however tried using the woocommerce native tab code and that is working fine, so might consider using that instead, however it does not look quite the same... :(
Let me know if you have any other suggestions and I will keep trying other solutions as well.
Regards,
Dennes
Devin
Moderator
The only other thing I can think of is that your theme files may need to be re-loaded onto the server. If you have not done any customization to the core files you can just re-upload on top of the theme. Just make sure to save the custom.css file so you can re-load any of your own css again after.
dennes
Member
Hi Devin, I have just tried a "clean" install and the problem seems to have been solved that way! I'm still not sure what casued it in the first place as I had not altered any of the code/templates. Thank you very much everybody for your support. Well appreciated.
Dennes
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
