News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

Strange CSS problem forcing products to lose alignment in category view

Started by dennisg, July 26, 2022, 09:41:22 AM

Previous topic - Next topic

dennisg


Hi,

I'm facing a very strange issue which is, most probably, css related but I can't find out why and how to fix it.

If you visit this link:

https://stospiti.gr/προϊόντα/είδη-μπάνιου/mpataries-mpaniou/μπαταρίες-νιπτήρα/results,1-200

you'll see, near the bottom of the page, that some products lose their justification and appear one after the other.

Tested it with vmbeez3 and this does not occur..

Is there anyone more experienced in css who can help me find out how to fix this?

Thanks!!!

GJC Web Design

I think it is more likely to be an extra <div> or </div> or perhaps illegal character  breaking the layout as the subsequent elements after WNW168B73PAB are all enclosed in the last row--
and there are no more horizontal-separator

look at the source and you will see what I mean

GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

GJC Web Design

BTW -- the w3.org validator stopped at line 13881 with too many errors having displayed 973 to that point...  :o

the problem starts at around line 14130
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

dennisg

Thanks!

The problematic code was in the override file. I've removed the s-description code (not successfully obviously) and when a product did have a short description it all went sideways :-)

You saved the day, thanks again!

GJC Web Design

"I've removed the s-description code"

fairly common ... if you have something like

<div>Here is my short description</div>

and u shorten it by the std. code  shopFunctionsF::limitStringByWord($product->product_s_desc, 60, ' ...') you easily end up with

<div>Here is my short....

now u have one div extra which breaks the whole layout

I use   
$sdesc = strip_tags($product->product_s_desc);

echo shopFunctionsF::limitStringByWord (strip_tags($sdesc, 60, ' ...'))
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation