Shopify App Store

What are You Looking for?

Varianten als aparte producten op collectiepagina’s

Etalage met mannequins in gekleurde jassen

Een klant opent je collectiepagina en ziet een t-shirt. Eentje. Maar dat t-shirt bestaat in 6 kleuren. Shopify toont standaard een kaart per product. Als alle kleuren varianten zijn van hetzelfde product, ziet de klant alleen de eerste kleur. Geen idee dat er ook blauw, rood of groen is.

Er zijn twee manieren om dit op te lossen. De eerste: maak elke kleur een apart product. Dan verschijnt elke kleur als eigen kaart. Maar zonder verbinding ertussen weet de klant niet welke bij elkaar horen. De tweede: maak aparte producten en verbind ze met kleurstalen. Dat is combined listings.

In dit artikel

Het probleem op collectiepagina’s

Shopify toont op de collectiepagina een kaart per product. Niet per variant. Als je t-shirt in 6 kleuren als varianten is ingericht, ziet de klant een kaart met de eerste afbeelding. Meestal zwart. Geen indicatie dat er 5 andere kleuren zijn.

De klant moet op de productpagina klikken, door de opties scrollen, en dan pas ontdekken welke kleuren beschikbaar zijn. Veel klanten doen dat niet. Ze zien zwart, willen blauw, en gaan verder.

Het alternatief: elke kleur als apart product. Dan verschijnt elke kleur als eigen kaart op de collectiepagina. Maar 6 kleuren maal 20 modellen geeft 120 kaarten. Dat is een rommelige collectiepagina waar niemand doorheen komt.

De oplossing: combined listings met collectie-swatches

Combined listings geven je het beste van beide. Elke kleur is een apart product (eigen URL, eigen SEO). Maar op de collectiepagina verschijnen kleurstalen onder de productkaart. De klant ziet direct: dit product is er in 6 kleuren.

Een klik op een swatch wisselt de productafbeelding op de kaart. Blauw swatch, blauw shirt. Rood swatch, rood shirt. Zonder de collectiepagina te verlaten. De klant kan alle kleuren bekijken en klikt pas door naar de productpagina als hij een kleur heeft gekozen.

Rubik Combined Listings biedt deze collectie-swatches op elk Shopify-plan. Shopify’s eigen Combined Listings-functie (alleen Plus, $2.300/maand) biedt geen swatches op collectiepagina’s.

Hover image swap

Naast kleurstalen ondersteunt Rubik Combined Listings ook een hover image swap op collectiepagina’s. Als de klant met de muis over een productkaart gaat, wisselt de afbeelding naar een alternatief beeld. Bijvoorbeeld van een product op een witte achtergrond naar een lifestyle-foto.

De combinatie van kleurstalen en hover swap geeft de klant maximale informatie zonder de collectiepagina te verlaten. Minder klikken, sneller de juiste kleur gevonden, hogere conversie.

Collectiefilters die echt werken

Een veelvoorkomend probleem bij Shopify-varianten: collectiefilters werken niet goed met kleurvarianten. Een klant filtert op “Blauw”. Shopify toont producten die een blauwe variant hebben. Maar de productkaart toont nog steeds de standaardafbeelding, vaak een andere kleur. Verwarrend.

Dat komt doordat Shopify op productniveau filtert, niet op variantniveau. Het product heeft een blauwe variant, dus het verschijnt. Maar de kaart toont de eerste afbeelding, niet de blauwe.

Met combined listings is elke kleur een apart product. Filter op “Blauw” en je ziet alleen blauwe producten. De kaartafbeelding is blauw. De link gaat naar de blauwe productpagina. Filters werken precies zoals je klant verwacht.

SEO-voordeel op collectiepagina’s

Aparte producten per kleur betekent aparte URL’s die Google apart indexeert. Elke kleur kan ranken voor eigen zoektermen. “Blauw katoenen t-shirt” en “Rood katoenen t-shirt” verschijnen als aparte resultaten in Google.

In Google Shopping verschijnt elk product als eigen item met eigen afbeelding. Iemand die zoekt op “rood t-shirt” ziet een rode productafbeelding, niet een generiek shirt dat ook in rood beschikbaar is.

De collectie-swatches voegen hier iets extra’s toe. Doordat kleurstalen op de kaart verschijnen, verbetert de user experience op je site. Bezoekers vinden sneller wat ze zoeken, blijven langer en bezoeken meer pagina’s. Dat zijn signalen die zoekmachines positief waarderen.

Uitgebreid artikel over het SEO-aspect: combined listings en SEO.

Instellen

  1. App installeren. Rubik Combined Listings installeren vanuit de Shopify App Store.
  2. App-embed activeren in de thema-editor. Dat zorgt ervoor dat de swatches op je shop verschijnen.
  3. Producten groeperen. Handmatig, via bulk groeperen of via AI Magic Fill.
  4. Collectie-preset kiezen. Ga naar de stijlinstellingen en kies een van de 8 collectie-presets.
  5. Klaar. Swatches verschijnen op product- en collectiepagina’s.

De demopagina laat zien hoe collectie-swatches eruitzien op een echte Shopify-shop.

Collectie-presets

Rubik Combined Listings biedt 8 collectie-presets:

  • Ronde kleurcirkels: de klassieke swatchstijl, compact en herkenbaar.
  • Vierkante kleurvlakken: voor een meer hoekig design.
  • Afbeelding-thumbnails: kleine productfoto’s als swatches. Handig als kleur niet het onderscheidende kenmerk is (bijv. patroon of print).
  • Tekst-swatches: de kleur als tekst weergegeven.

Elke preset is aan te passen via CSS of via de AI Visual Settings Assistant. Beschrijf in gewone taal hoe je stalen eruit moeten zien, en de app genereert de stijl.

Video

Bekijk collectie-swatches in actie:

Rubik Combined Listings gratis proberen

Veelgestelde vragen

Kan ik varianten als aparte kaarten op de collectiepagina tonen?

Ja, maar niet met Shopify-varianten. Je moet elke kleur als apart product aanmaken en die met combined listings verbinden. Dan verschijnt elke kleur als eigen kaart, met kleurstalen die de kleuren visueel groeperen.

Werkt image swap bij hover op de collectiepagina?

Ja. Rubik Combined Listings ondersteunt hover image swap op productkaarten. Als de klant met de muis over een kaart gaat, wisselt de afbeelding naar een alternatief beeld. Dat werkt naast de kleurstalen.

Werken collectiefilters beter met combined listings?

Ja. Bij Shopify-varianten filtert Shopify op productniveau, niet op variantniveau. Filter op “Blauw” en je ziet producten met een blauwe variant, maar de kaart toont vaak een andere kleur. Met combined listings is elke kleur een apart product, dus filters werken correct.

Biedt Shopify native collectie-swatches?

Nee. Shopify’s eigen Combined Listings-functie (alleen Plus, $2.300/maand) toont geen swatches op collectiepagina’s. Rubik Combined Listings biedt dit op elk Shopify-plan met 8 verschillende presets.

Mijn product heeft 20 kleuren. Wordt de collectiekaart niet te vol?

Rubik Combined Listings beperkt het aantal zichtbare swatches op de collectiekaart en toont een “+12” indicator voor de rest. De klant ziet dat er meer kleuren zijn zonder dat de kaart onoverzichtelijk wordt.

Vertragen de collectie-swatches mijn shop?

Nee. De data is gebaseerd op metaobjects, geen externe API-aanroepen. De stalen renderen in het Shadow DOM en laden met de pagina zelf. Geen invloed op je Core Web Vitals.

Verder lezen

Byumid
Updated

Read Next