News:

Looking for documentation? Take a look on our wiki

Main Menu

Thumbnails alignment

Started by micropalla, June 28, 2013, 08:15:30 AM

Previous topic - Next topic

micropalla

Hello.
Is there a way to align everything and to avoid this up and down effect?
I would like to align everything including button even if thumbs is higher or description is longer...
Can you help me?

Mod edit:  impatient bump message removed.  http://forum.virtuemart.net/index.php?board=114.0

[attachment cleanup by admin]

K&K media production

You can use a template override and css or JavaScript

zainabubu


GJC Web Design

Why not edit your images to make them at least all the same ratio - problem solved - otherwise you need to recode a template to fix a problem that you created...
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

zainabubu

for over 4 thousand images already online? That's a pretty tall order. Recode template, how so?

Spiros Petrakis

Quote from: zainabubu on November 28, 2013, 18:15:31 PM
Recode template, how so?

I assume that you referring to category layout so a quick fix would be to force a min-height for the link tag that surrounds the image. First find what is the height of the biggest thumb and do the following:

In default.php file of category view ( in components/com_virtuemart/views/category/tmpl folder ) replace line 232
<a title="<?php echo $product->product_name ?>" rel="vm-additional-images" href="<?php echo $product->link?>">

with this

<a title="<?php echo $product->product_name ?>" rel="vm-additional-images" href="<?php echo $product->link?>" style="min-height: 100px; display: block; >

in the above example replace 100px with your preferred height in px .

I suggest to create a template override for this file so it won't be overwritten by future Virtuemart updates.   More informations on template overrides here http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core


 
Joomla templates and extensions development
https://www.yourgeek.gr