De product bundles app binnen Syncer® zorgt ervoor dat je product bundels kan toevoegen zoals je dit ook bij Lightspeed had. Uiteraard kan je nu ook productbundels maken als je dit nog niet bij Lightspeed had.
Deze productbundels zou je handmatig moeten toevoegen, want deze konden helaas niet mee met de synchronisatie.
1. Product bundels activeren
De status van de productbundels zou (mits je deze nog niet geactiveerd hebben) op disabled staan.
Om de productbundels te activeren, klik op 'Enable'.
2. Product bundels instellen
De volgende stap is om de product bundels in te gaan stellen, klik op "Add your first bundle" of rechtsboven op "Add bundle" om te beginnen.
Het volgende scherm zal openen:
Vul als eerste onder "Title" een titel in voor je productbundel, dit doe je voor elke actieve taal in je shop.
In dit voorbeeld ga ik voor "Starterset"
Bij "Discount amount", vul je de soort korting in. Dit kan een "Fixed amount" of een "Percentage" zijn.
Dit is dus de totale korting die toegepast word op de totaalprijs van de bundel.
De instelling "Visibility" geeft je een aantal opties om te kiezen onder welke voorwaarden de bundel zichtbaar is op de front-end van je shop.
Je hebt hier 5 keuzes:
Always = Altijd
When all variants are in stock = Wanneer alle varianten op voorraad zijn
Within a period = Binnen een periode
Within a given period, when all variants are in stock = Binnen een bepaalde periode, wanneer alle varianten op voorraad zijn
Hidden = Verborgen
Gebruik je 1 van de "Within a period" settings, dan komt er nog een extra optie bij. Namelijk een datumveld.
Hier kan je instellen vanaf en tot welke datum/periode de bundel zichtbaar is.
Bij "Main products" selecteer je de product(en) die als hoofdproduct(en) dienen. Dit zijn dus de producten waarbij de bundel actief wordt en dus producten als extra's worden toegevoegd. Klik op "Select products" om je hoofdproducten te selecteren.
Bij "Included products" selecteer je de producten die toegevoegd worden aan de bundel. Dit zijn dus de extra producten. Onder de productpagina van deze producten zou de bundel dus niet zichtbaar zijn.
Je kan hier kiezen voor producten, of specifieke varianten van producten. Zo kan je bijvoorbeeld een bundel maken voor "Rood", maar ook voor "Blauw".
Nadat je alles hebt toegevoegd, klik je bovenin op "Opslaan".
3. Product Bundles App toevoegen aan je thema
Om de productbundels app toe te voegen aan je thema, navigeer je naar de Syncer® app binnen je Lightspeed omgeving en volg je de volgende stappen.
Ga in de productbundels app weer terug naar je dashboard (nadat je op opslaan had geklikt bij de vorige stap), klik daar op de knop "Add to theme".
Een andere manier om daar te komen is via de volgende stappen:
Binnen de Syncer App, klik bij de productbundels op de 3 bolletjes en vervolgens op "Add to theme".
Selecteer het thema die je actief hebt staan om de app in te activeren, klik vervolgens op "Preview in theme"
Je word doorgestuurd naar de thema editor, hier zie je dat het app block voor de bundles actief staat, onder het kopje apps.
Hij is wel toegevoegd, maar wellicht niet op de juiste plek.
Sleep de productbundle app op de gewenste plek.
Bijvoorbeeld onder de "product sectie"
Klik nu op de product bundles app links in het menu, er opent nu rechts een menu om de product bundles app naar wens in te stellen.
4. Product Bundles App instellingen binnen je thema
Ook heeft de productbundles app wat instellingen, zodat je de styling naar je huisstijl kan inrichten. Hieronder de uitleg wat elke instelling doet:
1. Product settings
• Product:
Geeft aan welke producten worden opgenomen in de bundel. In dit geval is de standaardinstelling ‘Vanaf huidige pagina’. Aangeraden is om dit ook niet te wijzigen. Deze laad namelijk de productbundles in die je gekoppeld hebt via de stappen hierboven.
• Toon achtergrond (Show background):
ls deze optie is aangevinkt, wordt er een achtergrond weergegeven achter het product.
• Toon rand (Show border):
Als aangevinkt, zal er een rand om het product worden weergegeven.
• Afbeeldingen vullen (Fill images):
Als deze optie is aangevinkt, worden de productafbeeldingen zo aangepast dat ze de beschikbare ruimte volledig vullen.
• Toon ‘inclusief of exclusief BTW’-tekst (Show ‘incl.- or excl. tax’ text): Als aangevinkt, wordt er een tekst weergegeven die aangeeft of prijzen inclusief of exclusief BTW zijn.
2. Heading Settings
• Heading:
De titel van de productbundel. De tekst hier kan worden aangepast en opgemaakt.
• Koplettertype (Heading font):
Primary font: Gebruik het primaire lettertype van de website.
Secondary font: Gebruik het secundaire lettertype van de website.
• Kopgrootte (Heading size):
Small: Kleine kopgrootte.
Medium: Middelgrote kopgrootte.
Large: Grote kopgrootte.
Extra large: Extra grote kopgrootte.
• Aangepaste styling inschakelen (Enable custom styling):
Als dit is aangevinkt, kun je aangepaste stijlen toepassen die de standaardinstellingen overschrijven.
• Heading color scheme:
Hiermee kun je het kleurenschema selecteren die je wilt gebruiken voor de heading.
• Heading font weight:
Hiermee kun je dikte van het lettertype van de kop bepalen.
3. Spacing settings
• Bottom spacing:
Hiermee pas je de onderruimte (afstand tussen de onderkant van het element en het volgende element) aan op desktop en/of mobiele apparaten.
5. De laatste stap
Klik rechts bovenin op opslaan om het thema op te slaan en de wijzigingen live te zetten.
De productbundels app staat nu live!