Inhoudsopgave:
- 1Open de pagina van het item met Dreamweaver en klik vervolgens op de knop Splitsen boven in de werkruimte.
- 2Klik op de pagina waar u de winkelwagenknop wilt laten verschijnen en druk vervolgens op Ctrl + V (op Mac, Command + V) om de code voor de knop op uw pagina te plakken.
- 3Keer terug naar het tabblad in uw browser waar u de winkelwagencode hebt gemaakt en selecteer en kopieer de code vervolgens naar het onderste paneel.
- 4Terug naar Dreamweaver, blader naar de onderkant van uw pagina en zoek de tag.
- 5Klik net boven deze tag en druk op Ctrl + V (op Mac, Command + V) om de code in te voegen.
Video: Hoe voeg ik meer producten toe aan mijn winkelwagen bij Albelli? 2024
Als u uw goederen via een statische website verkoopt, voegt u de knop (pen) voor het winkelwagentje in met behulp van het gereedschap dat u hebt gebruikt om de site te bouwen. In het voorbeeld wordt hier Dreamweaver gebruikt, de standaardtool die wordt gebruikt om aangepaste websites te maken.
1Open de pagina van het item met Dreamweaver en klik vervolgens op de knop Splitsen boven in de werkruimte.
Hiermee wordt de weergave met twee panelen geopend, waarin u de onderliggende code en het ontwerp van de pagina ziet.
2Klik op de pagina waar u de winkelwagenknop wilt laten verschijnen en druk vervolgens op Ctrl + V (op Mac, Command + V) om de code voor de knop op uw pagina te plakken.
Nogmaals, dit is de code die u hebt gekopieerd.
3Keer terug naar het tabblad in uw browser waar u de winkelwagencode hebt gemaakt en selecteer en kopieer de code vervolgens naar het onderste paneel.
Druk op Ctrl + C (op een Mac, Command + C) om de code te kopiëren.
4Terug naar Dreamweaver, blader naar de onderkant van uw pagina en zoek de tag.
Hier wil je de code plaatsen.
5Klik net boven deze tag en druk op Ctrl + V (op Mac, Command + V) om de code in te voegen.
Deze code moet worden toegevoegd aan elke HTML-pagina waar de winkelwagenknop wordt weergegeven. Als je meerdere pagina's hebt, plaats je deze code onderaan elke pagina.
Het is handig om de gesplitste weergave te gebruiken wanneer je de code voor je knop plakt, zodat je precies kunt bepalen waar deze is geplaatst tussen andere pagina-elementen en een idee krijgt van hoe deze in de rest van de knop past. uw paginaontwerp.
Als u echter meerdere items op één HTML-pagina heeft, keert u terug naar uw browser om de andere knoppen voor de andere items op uw pagina te genereren.