Virtuemart modules

Veel modules maken gebruik voor productsnapshop.tpl.php om het product te tonen. Hierin staan de CSS inline.

Hoe maak je de ruimte tussen productnaam en plaatje kleiner?

Virtuemart heeft een module voor het voorstellen van "Onze Nieuwste Producten", welke veel wordt gebruikt. In de rechter kolom zijn verdere instellingen (parameters). Onder andere kun je het vertonen van nieuwe producten beperken tot een bepaalde categorie producten.

Bij het gebruik van de module mod_latest_products ontstaat een grote lege ruimte tussen de productnaam en de afbeelding van het product.

Deze ruimte (standaard 77px) is niet op te maken in je stylesheet omdat de CSS in het betreffende PHP-bestandje is geschreven.

Oplossing:

Zoek het bestand in components > com_virtuemart > themes > default > templates > common > productsnapshop.tpl.php en wijzig het getal 77px in het getal dat voor jouw website het juiste is.

Voor een makkelijkere manier kan je ook deze 'inline stylesheet' vervangen door een nieuwe class, die je verder gaat stylen in je template.css

Hiervoor haal je de code style="height:77px; float:left; width: 100%;line-height:14px;" weg en je typt ervoor in de plaats bijvoorbeeld class="mijntitel". In je standaard Joomla template open je een van je stylesheets, bijvoorbeeld template.css en je typt aan het einde

div.mijntitel {
height: 40px;
float:left;
width: 100%;
line-height: 12px;}

 Mocht je achteraf de opmaak nog eens willen wijzigen is dit makkelijk aan te passen in Joomla backend zonder de wijziging in het PHP bestand.