SaveTo Wishlist voor WooCommerce
Aan de slag
Hoe de verlanglijst toe te voegen aan Divi Builder-lay-outs - SaveTo Wishlist
  1. Home
  2. Kennisbank
  3. Wenslijst
  4. Hoe voeg je de verlanglijst toe aan Divi Builder layouts
  1. Home
  2. Kennisbank
  3. Integraties
  4. Hoe voeg je de verlanglijst toe aan Divi Builder layouts

Hoe voeg je de verlanglijst toe aan Divi Builder layouts

Uw site bouwen met Divi? SaveTo Wishlist Lite bevat nu een native Divi Builder-module, zodat u de verlanglijst in elke lay-out kunt plaatsen zonder handmatig een Shortcode-module te hoeven verbinden. Dit artikel laat u zien waar u de module kunt vinden, wat de ene instelling doet en hoe deze zich verhoudt tot de [saveto_wishlist] shortcode.

Voordat je begint

  • Het Divi-thema, of de zelfstandige Divi Builder-plugin, versie 4.x.
  • SaveTo Wishlist Lite versie 1.1.3 of hoger, actief op uw site.
  • WooCommerce, actief op uw site.

Voeg de module toe aan uw lay-out

Open een willekeurige pagina in de Divi Builder, of u nu een nieuwe lay-out bouwt of een bestaande bewerkt.

  1. Klik op het pictogram voor het invoegen van modules waar u de verlanglijst wilt laten verschijnen.
  2. Typ in het zoekvak voor modules Verlanglijst.
  3. Selecteer Save to Wishlist uit de resultaten. Zoek naar het hartpictogram.
Zoekresultaten van de Divi Builder-module die de Save to Wishlist-module tonen

Kies welke verlanglijst u wilt weergeven

  1. Open met de geselecteerde module het tabblad Inhoud.
  2. Zoek de sectie Verlanglijst en vervolgens het veld Verlanglijst-ID.
  3. Laat het veld leeg om de verlanglijst weer te geven die toebehoort aan de persoon die de pagina bekijkt, of voer de ID van een specifieke verlanglijst in om altijd die ene verlanglijst aan elke bezoeker weer te geven.
Instellingenpaneel van de Save to Wishlist-module met het Wishlist ID-veld

Wat u ziet tijdens het bouwen versus op de live pagina

Binnen het canvas van de Divi Builder toont de module een plaatsaanduidingbericht in plaats van een live verlanglijst. Dit is opzettelijk. De verlanglijst is een echte, interactieve lijst die is gekoppeld aan wie er is ingelogd, dus het live renderen ervan binnen de builder zou een onbedoelde klik kunnen veroorzaken om een item toe te voegen of te verwijderen uit uw eigen account, of uw privéverlanglijst aan iedereen die de lay-out bekijkt te tonen.

Divi Builder canvas dat de placeholdertekst van de Save to Wishlist-module toont

Zodra u uw wijzigingen opslaat en de daadwerkelijke pagina bekijkt, wordt de plaatsaanduiding vervangen door de echte verlanglijst voor elke bezoeker.

Save to Wishlist-module die de live wishlist-tabel op de front-end rendert

De module gebruiken in Divi Theme Builder-lay-outs

Als een Divi Theme Builder-sjabloon de body van uw verlanglijstpagina vervangt, wordt de shortcode die in de inhoud van die pagina is opgeslagen nooit uitgevoerd en verschijnt de verlanglijst leeg. Het direct toevoegen van de Save to Wishlist-module aan dat sjabloon lost dit op, aangezien de module zichzelf rendert in plaats van te vertrouwen op de originele inhoud van de pagina.

  1. Ga naar Divi > Theme Builder.
  2. Bewerk het sjabloon dat is toegewezen aan uw verlanglijstpagina, of een ander sjabloon waar u de verlanglijst wilt laten verschijnen, zoals een header of footer.
  3. Voeg de Save to Wishlist-module toe op dezelfde manier als op elke andere pagina.
Divi Theme Builder footer-sjabloon met de toegevoegde Save to Wishlist-module

Save to Wishlist-module versus de shortcode

Voordat deze module bestond, betekende het toevoegen van de verlanglijst aan een Divi-lay-out het plaatsen van Divi's generieke Shortcode-module en het handmatig typen van de shortcode ([saveto_wishlist]). De Save to Wishlist-module doet hetzelfde onder de motorkap, maar geeft u een fatsoenlijk instellingenpaneel in plaats van een losse shortcode, zodat u hiervoor geen Shortcode-module meer nodig heeft.

Probleemoplossing

Ik kan de Save to Wishlist-module niet vinden in de builder

Deze module registreert alleen via de builder API van Divi 4.x. Als uw site Divi 5's nieuwere Visual Builder gebruikt, verschijnt de module niet en is er geen foutmelding, dan is deze nog niet beschikbaar. Gebruik de [saveto_wishlist] shortcode of het Wishlist Gutenberg-blok in plaats daarvan totdat ondersteuning wordt toegevoegd.

Het wishlist-gebied is leeg, ook al staat de module op de pagina

Dit kan gebeuren als u de module hebt toegevoegd aan een Divi Library global module die zelf verwijst naar een andere global module. De plugin controleert slechts één niveau van geneste global modules bij het bepalen of de scripts en stijlen van de wishlist moeten worden geladen, dus een module die twee niveaus diep is genest, krijgt mogelijk niet de benodigde assets. Verplaats de module uit de geneste global module, of voeg deze in plaats daarvan rechtstreeks toe aan de lay-out.

Veelgestelde vragen

Kan ik het Wishlist ID-veld gebruiken om de wishlist van iemand anders te tonen?
Het veld toont één specifieke wishlist, gekozen op basis van zijn numerieke ID, aan elke bezoeker. Het laat u niet toe om een specifieke klant te targeten, dus gebruik het voor een gedeelde of samengestelde wishlist in plaats van een persoonlijke. Laat het veld leeg om te tonen welke wishlist toebehoort aan de persoon die momenteel de pagina bekijkt.

Heb ik nog steeds een Shortcode-module nodig voor de wishlist?
Nee. De Save to Wishlist-module vervangt die tijdelijke oplossing. Als u een bestaande Shortcode-module hebt met [saveto_wishlist] erin, kunt u deze veilig verwijderen en in plaats daarvan deze module gebruiken.

Waarom ziet de module er anders uit in de builder dan op de live pagina?
De builder toont een placeholder, zodat het bewerken van de lay-out niet per ongeluk uw eigen wishlist kan wijzigen of deze kan blootstellen aan iemand anders die de pagina bekijkt. Zodra u opslaat en de live pagina bezoekt, ziet elke bezoeker zijn eigen wishlist, of degene die u hebt opgegeven, in plaats van de placeholder.

Hulp nodig?

Was dit artikel nuttig?

Gerelateerde Artikelen

Ondersteuning nodig?

Kunt u het antwoord dat u zoekt niet vinden?
Neem contact op met ondersteuning
Voltooi Uw Aankoop