Met de Product connector app koppel je losse producten aan elkaar alsof het varianten zijn. Ideaal als je klanten de keuze wilt bieden tussen kleuren, maten of andere opties, maar elk product apart wilt beheren.
🔌 Functionaliteit in het kort:
De app toont een groep gekoppelde producten op de productpagina, als een variant-overzicht.
⚙️ Instellingen
🛒 Main product
Selecteer het hoofdproduct van de groep. Kies voor de productpagina standaard: 'huidig product' via metavelden.
Dit is het product dat de productgegevens en hoofdweergave bepaalt.
Koppel via metafields als je dit automatisch wilt doen voor meerdere producten.
🔗 Producten verbinden op basis van
Kies hoe producten aan elkaar worden gekoppeld:
SKU: Koppel producten met dezelfde SKU.
Barcode: Koppelt op basis van gelijke barcodes.
Product title: Vergelijkt de titels (gebruik eventueel de optie aantal eerste woorden).
Productlijst: Selecteer handmatig de te koppelen producten.
📦 Productselectie
Bij keuze voor Productlijst kun je onder “Producten” handmatig de bijbehorende producten selecteren.
Als je eerder de Product connector van Plus+ hebt gebruikt, heb je mogelijk al een extra metafield aan je producten gekoppeld. Klik op het hamburgermenu naast het veld om dit specifieke metafield te selecteren.
🔃 Producten sorteren
Bepaal de volgorde van de gekoppelde producten:
Alfabetisch A-Z
Alfabetisch Z-A
Handmatig – Versleep de producten om de volgorde te bepalen.
✏️ Aantal eerste woorden in producttitel gelijk
Specificeer het aantal beginwoorden dat gelijk moet zijn bij koppelen op basis van producttitel.
🎨 Layout & Styling
🧱 Producten per rij
Bepaal hoeveel producten per rij worden weergegeven (bijvoorbeeld 5). Zijn het er meer? Dan verschijnt automatisch een schuifbalk.
🏆 Toon huidig hoofdproduct
Activeer als je wilt dat het "hoofdproduct" als eerste in de productrij word weergegeven.
🖼️ Positie van producttitel
Niet tonen
Boven producten
Onder producten
📐 Afbeeldingsinstellingen
Achtergrond weergeven: Voeg een achtergrond toe aan de app block
Rand weergeven: Voeg een visuele rand toe om elk product.
Afbeeldingen vullen: Laat de afbeeldingen het beschikbare kader volledig opvullen.
📝 Content
Content position: Positioneer de titeltekst links of gecentreerd.
Heading: Pas de titel aan die boven de varianten staat, zoals "Verkrijgbaar in de volgende varianten".
📱 Mobile layout
Swipe: Laat gebruikers horizontaal scrollen.
Rows: Toon producten in rijen.
Producten weergeven: Aantal zichtbare producten in rij-layout.
📏 Spacing
Pas de marges onder de module aan:
Desktop: in pixels (bijv. 50px)
Mobiel: in pixels (bijv. 30px)
✅ Voorbeeldtoepassingen
Meerdere kleuren t-shirts als losse producten, gekoppeld via één module.
Variaties in maatvoering met aparte voorraadbeheer per product.
Collecties met gedeelde eigenschappen (zoals materiaal, stijl of merk).