Horizontale producten woocommerce (onder elkaar)

Hi Ruud,

De overgang van een HTML-site naar WP & WooCommerce, kan even ‘sleutelen’ zijn… maar dan heb je ook wat…

Tips & Tricks…

Bewerk foto’s bij voorkeur in een fotoprogramma. dat gaat makkelijker dan dat je dit in WP doet… [‘passend gereedschap’;-)]
Zorg dat alle afbeeldingen [vóór plaatsing] al de juiste ‘verhoudingen hebben’. Bijvoorbeeld 120 * 160 px [= 3:4] zoals in de originele site.
Dus maten zoals 3000px bij 4000px is ook goed… want in dezelfde verhouding van lengte en breedte.
Dat maakt dat product-afbeeldingen op de site vervolgens ‘automatisch’ netjes verkleinen / vergroten zonder ‘woooops…’
== == ==

1. dashboard > woocommerce > TAB ‘produkten’
2. scroll ‘Afmetingen Productafbeelding’
3. geef hier drie verschillende sets van maten
4. zorg dat ook deze maten dezelfde verhouding hebben die je voor je produkten hebt gekozen.

voorbeeld:

• Catalogusafbeeldingen: 120*160
• Productafbeelding: 240*320
• Productminiatuur: 90*120

Opgelet!!!

• Ga nu ook naar ‘Dashboard > Instellingen > Media’
• Ook hier wordt gevraagd om de maten / verhoudingen van de afbeeldingen

!!OPGELET!!

• gebruik hier GROTERE MATEN, maar in DEZELFDE VERHOUDINGEN zodat de basis van je afbeeldingen van voldoende kwaliteit / pixels is…

VOORBEELD:

• thumbnail: breedte –leeg laten hoogte: 160 [hij herberekent ‘op schaal…’]
• gemiddelde afmeting: 450*600
• grote afmeting: 900*1200

Zo heb je wat te kiezen…

• NADAT deze maten zijn ingesteld, ga je de productafbeeldingen IMPORTEREN mbv de MEDIABIBLIOTHEEK. Dat kan ‘met zijn allen tegelijk…:)’ Drag’n Drop sleep en laat vallen… Nu wordt de hele boel ‘op maat gemaakt…’

== == == de basis is goed… nu de productpagina nog…

• De opmaak van deze pagina kan je mbv de instellingen en CSS verder naar je hand zetten. Dat is mede afhankelijk van het basisthema dat je kiest.
• ga op zoek naar een THEMA dat zoveel mogelijk past bij je wensen…
• maak je niet druk om kleuren, lettertypen etc. Die zijn eenvoudig aan te passen
• richt je vooral op layout / opbouw van de pagina’s / berichten
• kijk daarna op de benodigde functionaliteit van de meest favoriete thema’s
• probeer wat thema’s uit; WP heeft vele 10.000-den gratis thema’s, die doorgaans van goede kwaliteit zijn. Begin daar maar eens mee.
• Installeer thema’s mbv je dashboard, kijk rond en probeer of ze voldoen aan je wensen, aanpasbaarheid etc.
• ben je niet tevreden? Niks aan de hand! gewoon een volgend thema installeren en activeren om te kijken of dat beter is. De INHOUD van je site blijft gewoon in orde… no worries.
• Heb je een mooi thema gevonden? Joepie!

>> >> >>

• Is de opmaak van de betreffend pagina nog niet direct wat je voor ogen had?
• geef de url van de [nieuwe] site en we kijken mee hoe dit op te lossen.