opgelost Virtuemart 3.0.2 Categorie en Productlayout

De website www.oudvorden.nl maakt gebruik van J 2.5.28. Voor de presentatie van grote aantallen oude foto's wordt Virtuemart 2.6.14 gebruikt. Ik heb de website inmiddels op een testsite gemigreerd naar J 3.3.6 en Virtuemart 3.0.2 Dat is met behulp van SP Transfer goed gelukt. Echter zijn er enkele opvallende layout verschillen, waarbij de layout van VM 2.6.14 de juiste is.
- In het Categorieoverzicht is het lettertype te klein.
- Het Productoverzicht bij VM 3.0.2 is te groot en anders georienteerd.
Ter vergelijking heb ik screenshots bijgevoegd.
Graag advies hoe dit aan te passen.

bestcons

Hallo bestcons,

Namens het Joomla!NL team heet ik je van harte welkom op dit forum.

Het eerste probleem is vrij snel op te lossen met css door dit aan je template.css toe te voegen: Grootte naar wens aanpassen.
En dit zorgt ervoor dat het in de buurt komt van de vertrouwde layout, maar daar zal je denk ik nog wel iets meer aan moeten passen:

Dank voor je suggestie. Helaas heb ik geen enkele ervaring met het wijzigen van css. Toch heb ik een poging gewaagd.
Eerst was het zoeken naar de template css. Ik denk dat het in de map com_virtuemart -> assets -> css zit. Daar staan 10 css bestanden in, waaronder vm-ltr-common.css. Daar heb ik aanpassingen ingezet, net voor de tekst “general style”. De lettergrootte in het Categorieoverzicht is helaas niet gewijzigd.
Het resultaat van het Productoverzicht is bijgevoegd. Artikelnummer en beschrijving staan op de goede plaats maar nog te kort op de (te kleine) miniatuurafbeelding. Het blokje met Artikelgegevens (oorspronkelijk staat daar Details) staat nog steeds verdwaald rechts onder in een verder leeg veld.

bestcons

Je moet nooit de css bestanden van extensies wijzigen, omdat die bij een update worden overschreven. Definities dus toevoegen aan de css van je template, zoals eerder aangegeven.

Het template.css is onderdeel van je AllRounder-template.
Dat vind je op deze plaats:

../templates/allrounder-j1.6/css/template.css

De map templates vind je als je met FTP naar de mappen en bestanden van je site gaat.

In template.css voeg je de regels toe die Astrid je heeft geadviseerd.

Dank Astrid en Wouter,
Ik heb de code aan de Allrounder template direct aan het begin van in template.css gezet, zoals aangegeven. Het effect is hetzelfde als in mijn vorige bericht.
bestcons

Als je je testsite live hebt staan, dan is het handiger om even een link te geven zodat de leden mee kunnen kijken.

Het is dedecanije.nl en op www.dedecanije.nl/index.php/component/vi...overzicht?Itemid=114 staat het Categorieoverzicht. Dan doorklikken naar het productoverzicht.
Let op dat het een kopie is van de website www.oudvorden.nl , dus veel hyperlinks (o.a. in het menu) gaan direct naar de originele website. Daarom is er aan de menukant onderaan een aparte toegang gemaakt VM Category
bestcons

Nog even ter aanvulling. Ik heb naast Allrounder 2 andere templates gebruikt die hetzelfde resultaat opleveren. Het lijkt dus meer een Virtuemart 3.0.2 oorzaak te hebben. Op beide websites zijn dezelfde VM instellingen gebruikt, waaronder bij templates dat de css van Virtuemart gebruikt wordt.

Deze: Moet je even vervangen door deze: Deze vervangen door deze: Deze toevoegen: En dan moet het een heel eind in de buurt komen. Ik zou ze wel onderaan je template.css zetten en niet bovenaan.

Bedankt. Kijk maar.
De lettergrootte is nu goed.
De Productomschrijving is anders, maar nog wel afwijkend van het origineel. Het kader met de tekst Artikelgegevens is ook groter dan het origineel en het hele veld is ongeveer twee keer zo hoog.
bestcons

Ja, maar je hebt nu twee definities die ik je in eerste instantie gaf, verwijderd. Die moet je er in ieder geval nog bijzetten.