Producten niet uitgelijnd mobiele weergave

Post Reply

2 posts Page 1 of 1

Producten niet uitgelijnd mobiele weergave

Opencartleerling

New member

Posts

Joined

Thu May 21, 2015 12:08 am

Post by Opencartleerling » Wed Mar 09, 2016 7:29 am

Om twee producten naast elkaar te laten zien in de mobiele weergave heb ik in common.js

Code: Select all

$('#content .product-layout').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');

Vervangen voor

Code: Select all

$('#content .product-layout').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-6');

Dit werkt prima, alleen zijn de producten in de mobiele weergave niet altijd mooi uitgelijnd. Dit bijvoorbeeld in het geval wanneer een product een recensie heeft, een langere titel, of iets anders waardoor het product meer ruimte in beslag neemt. Zie bijlage als voorbeeld waar het fout gaat.

Hoe zou ik de producten ook in de mobiele weergave mooi recht kunnen uitlijnen?
Moet ik hiervoor enkel een aanpassing doen in de stylesheet? Indien ja, welke?

De website is gemaakt op oc 2.0.2.0