Hello,
I´m trying to set up a second language for our Shop (german and english). After translating all text from german in english, the shop is working so far, but with a little problem.
In the german shop, all products in the product category are displayed as they should. In the english version however, the products seems to be "misplaced".
Link to the german shop:
https://goldkabel.de/index.php/de/products/audio/cinch-kabel
And here the problematic shop:
https://goldkabel.de/index.php/en/products/audio/cinch-kabel
This problem only occurs in the product category, all other things including the product details are working fine.
Any ideas?
VirtueMart 3.4.2
PHP Version 7.3.7
Joomla! Version Joomla! 3.9.10 Stable
Thanks in advance!
Andreas
when you check in the browser console, you have one element inside the other, as if you had a missing closing </div>
I tested it here https://html5.validator.nu/?doc=https%3A%2F%2Fgoldkabel.de%2Findex.php%2Fde%2Fproducts%2Faudio%2Fcinch-kabel&showsource=yes
And you have really a lot of HTML errors !
Your image names have spaces inbetween, that might have an impact on browsers recognising the HTML elements.
Try to locate all your images with white spaces, and rename them. Spaces should be replaced by underscores _ or dashes -.
The broken DIV seems to be in the product short description. The description gets cut off and leaves elements open. Try a shorter description and maybe no HTML just pure Text.
Since the short description is just hidden in category view, it might be a good idea to remove it from the layout file.
Regards
Stefan
Hello,
thanks for all your feedback! The problem was actually just in the formatting of the product description. Something with the numeration went wrong resulting in the broken DIV.
Thanks again!
Kind Regards,
Andreas
Please still think about replacing the spaces in your images, Google search results will love you more.
I will!