Author Topic: Strange CSS problem forcing products to lose alignment in category view  (Read 280 times)

dennisg

  • Beginner
  • *
  • Posts: 9
  • Skype Name: dennisgoozoo

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

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 10579
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.8.8
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
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 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

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 10579
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.8.8
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
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 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

  • Beginner
  • *
  • Posts: 9
  • Skype Name: dennisgoozoo
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

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 10579
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.8.8
"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
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 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