In de thema-editor: AanpassenThema-instellingenProductkaarten

Productkaarten

Hoe producten eruitzien overal waar ze in een raster verschijnen: de afbeelding, de naam en prijs, de munt om snel toe te voegen en de badges.

Het eigen veld “Badge” van een product toont een eigen woord op de kaart, zoals “Nieuw”. Badges voor uitverkoop en uitverkocht verschijnen automatisch.

Instellingen

Afbeelding

Afbeeldingsverhouding
Keuze: Vierkant, Staand, Liggend, Aanpassen aan productafbeeldingStandaard: Staand
Afbeeldingshoeken
Schuifregelaar, 0 tot 40 pxStandaard: 12 pxVan 0 (rechte hoeken) tot volledig afgerond. 12 komt overeen met de hoeken van de knoppen.
Tweede afbeelding tonen
Aan of uitStandaard: AanTelefoon: veeg tussen de twee afbeeldingen. Computer: pijlen verschijnen bij aanwijzen.

Content

Verkoper tonen
Aan of uitStandaard: Uit
Kleurstippen
Aan of uitStandaard: AanKleine stippen onder de prijs als een product een kleuroptie heeft, uit de kleurstalen van Shopify of de kleurnaam.

Munt op de kaart

Wat de munt op de kaart doet
Keuze: Slim, met Kijkje op elke kaart (aanbevolen), Alleen slim, Altijd snel bekijken openen, Geen munt: de hele kaart opent het productStandaard: Slim, met Kijkje op elke kaart (aanbevolen)Slim: een product zonder opties gaat direct in de winkelwagen. Een product met één keuze (maat, kleur of materiaal) opent op de kaart zelf een waaier met de waarden, en een tik voegt het toe. Een product met meerdere opties opent de snelle weergave. ‘Kijkje’ voegt in de bovenhoek een kleine glazen knop toe die altijd de snelle weergave opent.
Kleur van de plusknop
KleurHet plusje op productafbeeldingen. Leeg: de donkere kleur van de pagina. Een kleur vult het plusje.
Kleur van het plusicoon
KleurLeeg: automatisch gekozen, donker op een lichte plus en licht op een donkere.
Toevoegknop wanneer klaar
KleurStandaard: #2563EBDe plus op een productkaart wanneer de korte waaier open is en nog een tik het product in de winkelwagen legt. Is de kleur gelijk aan die van de plus, dan wisselt de plus de achtergrond- en symboolkleur om, zodat hij altijd verandert.
Plus op de toevoegknop
KleurStandaard: #FFFFFF
Keuzes in het plus-tabblad
Keuze: Gevuld, OmlijningStandaard: GevuldGevuld: witte cirkels. Omlijning: een dunne rand en tekst in één kleur op de achtergrond van het tabblad, zoals de plus.
Kleur van de omlijning
KleurDe rand en tekst van de keuzes. Leeg: de kleur van de plus die het meest opvalt op de pagina.
Sterkte van de omlijning
Schuifregelaar, 20 tot 100 %Standaard: 42 %Hoe sterk de rand in rust is. Bij aanwijzen en na kiezen is hij altijd vol.

Details

Kortingspercentage op het label
Keuze: Getoonde prijs (aanbevolen), Tot: de hoogste korting, Verbergen als percentages verschillenStandaard: Getoonde prijs (aanbevolen)Voor producten waarvan de varianten verschillende prijzen hebben. Getoonde prijs: het percentage en de vergelijkingsprijs horen bij de variant waarvan de kaart de prijs toont. Is die niet in de aanbieding, dan is er geen salelabel. Tot: de hoogste korting op het product, geformuleerd als ‘tot’. Verbergen: alleen een salelabel als elke beschikbare variant hetzelfde percentage heeft. Producten met één prijs worden niet beïnvloed. Op de productpagina en in de snelle weergave kiest de klant een variant en horen prijs en percentage altijd daarbij, dus deze instelling geldt daar niet.
Dikte van de prijs op de kaart
Keuze: Normaal, VetStandaard: NormaalDe prijs op productkaarten in collecties, zoeken en productrijen. Vet komt overeen met de productpagina.
Label bij afgeprijsde producten
Keuze: Sale, Percentage (23% korting)Standaard: SaleWat het label op de afbeelding zegt als een product in de aanbieding is. Voor je eigen tekst bij een product (Nieuw, Bestseller) vul je het productmetaveld custom.badge in.
Glans op de knop
Aan of uitStandaard: AanOm de paar seconden een lichtstreek, alleen zolang de knop in beeld is.

Klopt iets hier niet met wat je in de editor ziet? Laat het ons weten, dan passen we de handleiding aan.