Zet de naam van de webshopextensie in de titel en vermeld verder in iedere vraag:

De exacte versie van Joomla! die je gebruikt
De exacte versie van de webshopextensie.
De volledige url van je website (indien mogelijk).

opgelost Productafbeelingen zelfde grootte (in grid)

Productafbeelingen zelfde grootte (in grid)

21 mrt 2014 10:44

Hallo,

De productafbeeldingen op mijn webshop ( www.gadgetsforfun.nl ) zijn allemaal van dezelfde hoogte qua afmeting (400px), echter verspringen de producten in de categorieweergave. Ik zou deze graag mooi op 1 lijn willen hebben. Hoe krijg ik dit voor elkaar?

Al lopen stoeien in de css, maar mag nog niet baten

Alvast bedankt!

keespostma
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 48

Productafbeelingen zelfde grootte (in grid)

21 mrt 2014 12:31 - 21 mrt 2014 13:15

Je foto's zijn volgens mij niet allemaal "vierkant" zoals je denkt. Daardoor varieert de hoogte. Probeer dit eens:

/templates/pajuh/css/virtuemart.css regel 93
zoek:

Code:

.category-view .row .product .spacer .product-images, .featured-view .row .product .spacer .product-images, .latest-view .row .product .spacer .product-images, .topten-view .row .product .spacer .product-images, .related-products-view .row .product .spacer .product-images, .browse-view .row .product .spacer .product-images {
overflow: hidden;
padding-bottom: 15px;
text-align: center;
}

toevoegen:

Code:

min-height: 100px

Met vriendelijke groet,

Peter Reitsma

Wil je Joomla!NL steunen? Dat kan met een donatie.

Peter
Algemeen Moderator
Berichten: 2827

Productafbeelingen zelfde grootte (in grid)

21 mrt 2014 12:46 - 21 mrt 2014 12:58

Misschien beter om het toe te passen op de image zelf:
/components/com_virtuemart/assets/css/vmsite-ltr.css regel 165
zoek:

Code:

.main-image img.product-image, .featured-view .spacer img, .latest-view .spacer img, .topten-view .spacer img, .recent-view .spacer img {
  max-width: 100%;
  }

en voeg daar aan toe:

Code:

min-height: 100px;

Met vriendelijke groet,

Peter Reitsma

Wil je Joomla!NL steunen? Dat kan met een donatie.

Peter
Algemeen Moderator
Berichten: 2827

Productafbeelingen zelfde grootte (in grid)

21 mrt 2014 12:48

Hallo,

Misschien heb je ook nog wat aan de antwoorden hier gegeven.
Als hier of daar de oplossing er tussen zit laat je het hier ook even weten?

Groeten, Jelle

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum.

Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Jelle
Algemeen Moderator
Berichten: 13625

Productafbeelingen zelfde grootte (in grid)

21 mrt 2014 13:38

Ik zou er eerder voor kiezen om het "hok" groter te maken. Zo blijven je afbeeldingen in verhouding:

Code:

.product-images {
  height: 100px;
}

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37439

Productafbeelingen zelfde grootte (in grid)

21 mrt 2014 15:07

Astrid schreef : Ik zou er eerder voor kiezen om het "hok" groter te maken. Zo blijven je afbeeldingen in verhouding:

Code:

.product-images { height: 100px; }

Bedankt Astrid, was de snelste en (volgens mij) beste oplossing!

keespostma
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 48

Moderators: Jelle, Romke

Tijd voor maken pagina: 0.746 seconden

Gemaakt door Kunena

Laatste nieuws

Welkom bij Joomla!NL

opgelost Productafbeelingen zelfde grootte (in grid)

Productafbeelingen zelfde grootte (in grid)

Productafbeelingen zelfde grootte (in grid)

Productafbeelingen zelfde grootte (in grid)

Productafbeelingen zelfde grootte (in grid)

Productafbeelingen zelfde grootte (in grid)

Productafbeelingen zelfde grootte (in grid)

Laatste forumberichten

Wil je Joomla!NL steunen?