U kunt secties gebruiken om verschillende sjablonen aan uw wensen aan te passen. U kunt secties in verschillende sjablonen hergebruiken, maar wijzigingen voor een sectie in thema-instellingen zijn globaal voor alle exemplaren van een sectie. Als u bijvoorbeeld de sectie Bannerblokken op de startpagina, productdetails en winkelwagen-sjablonen gebruikt, bevat deze sectie altijd dezelfde 2 afbeeldingen, tekst en links op al deze sjablonen.
Hier is een lijst met beschikbare secties voor elke sjabloon:
Home page:
- Combined products
- Featured products
- Popular products
- Newest products
- Categories
- Banner blocks
- Full width banner
- Daily deal and outlet
- Shop the look
- Latest blog articles
- Newsletter
- Home content
- Brands
- Unique selling points
- Instagram
Bevindt zich onder Pagina’s > Home page > Home sections
|
Product details:
- Related products
- Recently viewed
- Combideals
- Shop the look
- Reviews
- Newsletter
- Tags
- Banner blocks
- Full width banner
- Categories
- Latest blog articles
- Brands
- Unique selling points
- Instagram
Bevindt zich onder Pagina’s> Product details > Product sections
|
Product listing (Collection):
- Banner blocks
- Full width banner
- Latest blog articles
- Brands
- Newsletter
- Unique selling points
- Instagram
Bevindt zich onder Pagina’s> Product listing > Collection sections
|
Catalog / Brands / Tags:
- Banner blocks
- Full width banner
- Latest blog articles
- Brands
- Newsletter
- Unique selling points
- Instagram
Bevindt zich onder Pagina’s > Category details > Catalog sections
|
Cart:
- Related products
- Recently viewed products
- Banner blocks
- Full width banner
- Latest blog articles
- Brands
- Newsletter
- Unique selling points
- Instagram
Bevindt zich onder Algemeen > Advanced > Cart sections
|
|
Add top border
Voeg een rand toe aan de bovenkant van deze sectie
Background
We raden “Geen” of “Alternatief” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Title
Subtitle
First tab, Second tab, Third tab
Het eerste tabblad wordt standaard geselecteerd bij het laden van de pagina.
- None
- Featured
- Popular
- Newest
Add top border
Voegt een lijn toe aan de bovenkant van deze sectie
Background
We raden “None” of “Alternate” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Title
Subtitle
Add top border
Voegt een lijn toe aan de bovenkant van deze sectie
Background
We raden “None” of “Alternate” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Title
Subtitle
Add top border
Voegt een lijn toe aan de bovenkant van deze sectie
Background
We raden “None” of “Alternate” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Title
Subtitle
Add top border
Voegt een lijn toe aan de bovenkant van deze sectie
Background
We raden “None” of “Alternate” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Add top border
Voegt een lijn toe aan de bovenkant van deze sectie
Background
We raden “None” of “Alternate” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Banner title
Banner content
Banner text color
Banner background color
Banner background transparency
Select the “Fully transparent” value to not show a background at all.
- 80% transparent
- 60% transparent
- 50% transparent
- 40% transparent
- No transparency
- 10% transparent
- 20% transparent
- 30% transparent
- 70% transparent
- 90% transparent
- Fully transparant
Banner image
Upload an image. For better results we recommend an image in a landscape ratio.
Banner text align
Banner content align
Align the block containing the content and button. Middle is for used for vertical alignment.
- Bottom center
- Bottom left
- Bottom right
- Center Middle center
- Middle center
- Middle left
- Middle right
- Top center
- Top left
- Top right
Banner button text
Banner button link
Enter the last part of the target link for this button. Eg. “product/deskchair-e120”
Banner button target
- Normal (stay in this tab)
- New tab
Add top border
Voegt een lijn toe aan de bovenkant van deze sectie
Background
We raden “None” of “Alternate” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Banner 1 title
Banner 1 content
Banner 1 text color
Banner background 1 color
Banner 1 background transparancy
Select the “Fully transparent” value to not show a background at all.
- 80% transparent
- 60% transparent
- 50% transparent
- 40% transparent
- No transparency
- 10% transparent
- 20% transparent
- 30% transparent
- 70% transparent
- 90% transparent
- Fully transparant
Banner 1 image
Upload an image. For optimal results we recommend a minimum width of 680 pixels and using the exact same size on both banners.
Banner 1 image hover effect
Select an effect on cursor hover
Banner 1 text align
Banner 1 content align
Align the block containing the content and button. Middle is for used for vertical alignment.
- Bottom center
- Bottom left
- Bottom right
- Center Middle center
- Middle center
- Middle left
- Middle right
- Top center
- Top left
- Top right
Banner 1 button style
Select a button style. You can change these in General > Visual
Banner 1 button link
Enter the last part of the target link for this button. Eg. “product/deskchair-e120”
Banner 1 button target
- Normal (stay in this tab)
- New tab
Banner 2 title
Banner 2 content
Banner 2 text color
Banner 2 background color
Banner 2 background transparancy
Select the “Fully transparent” value to not show a background at all.
- 80% transparent
- 60% transparent
- 50% transparent
- 40% transparent
- No transparency
- 10% transparent
- 20% transparent
- 30% transparent
- 70% transparent
- 90% transparent
- Fully transparent
Banner 2 image
Upload an image. For optimal results we recommend a minimum width of 680 pixels and using the exact same size on both banners.
Banner 2 image hover effect
Select an effect on cursor hover
Banner 2 text align
Banner 2 content align
Align the block containing the content and button. Middle is for used for vertical alignment.
- Bottom center
- Bottom left
- Bottom right
- Center Middle center
- Middle center
- Middle left
- Middle right
- Top center
- Top left
- Top right
Banner 2 button style
Select a button style. You can change these in General > Visual
Banner 2 button text
Banner 2 button link
Enter the last part of the target link for this button. Eg. “product/deskchair-e120”
Banner 2 button target
- Normal (stay in this tab)
- New tab
Add top border
Voeg een rand toe aan de bovenkant van deze sectie
Title
Subtitle
Main image
Upload een afbeelding voor de hoofdbanner.
Main image hover effect
Selecteer een effect op de cursor
Banner background color
Banner background transparency
Selecteer de waarde “Fully transparent” om helemaal geen achtergrond weer te geven.
- 80% transparent
- 60% transparent
- 50% transparent
- 40% transparent
- No transparency
- 10% transparent
- 20% transparent
- 30% transparent
- 70% transparent
- 90% transparent
- Fully transparent
Banner title
Banner content
Button text
Button link
Voer het laatste deel van de doellink voor deze knop in. Bijv. “product / bureaustoel-e120”
Countdown text
Countdown
Voer hier een datum in. Bijvoorbeeld ’01-03-2022 ‘. Er verschijnt een teller die aftelt naar een ingestelde tijd voor die dag. Selecteer die tijd hieronder. Als u ‘vandaag’ invoert, wordt de timer elke dag opnieuw ingesteld.
Countdown to time
Selecteer een uur waarnaar u wilt aftellen. Als u de datum van vandaag hierboven en 00:00 invoert, zou dit betekenen dat het aftellen tot vanavond loopt.
- 10:00
- 11:00
- 12:00
- 13:00
- 14:00
- 15:00
- 16:00
- 17:00
- 18:00
- 19:00
- 20:00
- 21:00
- 22:00
- 23:00
- 00:00
- 01:00
- 02:00
- 03:00
- 04:00
- 05:00
- 06:00
- 07:00
- 08:00
- 09:00
Connect product ID
Als u aftelt voor een aanbieding voor een product, kunt u hier de product-ID invoeren. Als u dat doet, wordt het aftellen ook weergegeven op de pagina van dat product. U kunt de product-ID in de URL vinden wanneer u een product bewerkt.
Banner 2 title
Banner 2 text color
Banner 2 background color
Banner 2 background transparancy
Selecteer de waarde “Volledig transparant” om helemaal geen achtergrond weer te geven.
- 80% transparent
- 60% transparent
- 50% transparent
- 40% transparent
- No transparency
- 10% transparent
- 20% transparent
- 30% transparent
- 70% transparent
- 90% transparent
- Fully transparent
Banner 2 image
Upload een afbeelding. Voor een optimaal resultaat raden we een minimale breedte van 680 pixels aan en exact dezelfde grootte op beide banners te gebruiken.
Banner 2 image hover effect
Selecteer een effect op de cursor
Banner 2 button link
Voer het laatste deel van de doellink voor deze knop in. Bijv. “product / bureaustoel-e120”
Banner 2 button style
Selecteer een knopstijl. U kunt deze wijzigen in Algemeen > Visual
Banner 2 button text
Banner 2 text align
Banner 2 content align
Lijn het blok met de inhoud en de knop uit. Midden wordt gebruikt voor verticale uitlijning.
- Bottom center
- Bottom left
- Bottom right
- Center Middle center
- Middle center
- Middle left
- Middle right
- Top center
- Top left
- Top right
Banner 2 button target
- Normal (stay in this tab)
- New tab
Dit is een geavanceerde sectie. Het kan even duren om te leren hoe u het correct instelt, dus lees alle stappen zorgvuldig door
Add top border
Voegt een lijn toe aan de bovenkant van deze sectie.
Background
We raden “Geen” of “Alternatief” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Title
Subtitle
Main image
Upload een afbeelding voor de hoofdbanner.
Button text
Met deze knop worden alle items van Featured Products aan de winkelwagen toegevoegd.
Position target 1, Position target 2, Position target 3
Voer de X- en Y-coördinaten in (dubbelklik op de afbeelding om een suggestie te krijgen)
Add top border
Voeg een rand toe aan de bovenkant van deze sectie
Background
We raden “Geen” of “Alternatief” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Blog link override
Als dit leeg is, zal de knop linken naar de eerste bestaande blog, om dit te veranderen vul je het laatste deel van de bloglink in zonder schuine streep.
Background
We raden “Geen” of “Alternatief” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Container width
Stel een maximale breedte in voor de container, dit is aan te raden als je geen afbeelding gebruikt en / of weinig inhoud hebt
- 50% width on desktop
- 66.6% width on desktop
- 83.3% width on desktop
- Full width
Text align
Image – Desktop
Voeg een afbeelding toe in een kolom naast de inhoud. Bij het instellen van een afbeelding voor deze sectie, raden we een portretschaal aan voor desktop en landschapsschaal voor mobiel.
Image – Mobile
Voeg een afbeelding toe in een kolom naast de inhoud. Indien leeg, wordt er geen afbeelding weergegeven
Show tags
Toon producttags onder de inhoud van het huis
Add top border
Voeg een rand toe aan de bovenkant van deze sectie
Background
We raden “Geen” of “Alternatief” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Newsletter section style
- Columned
- Inline (smaller)
Title
Subtitle
Add top border
Voegt een lijn toe aan de bovenkant van deze sectie
Add top border
Voeg een lijn toe aan de bovenkant van deze sectie
Background
We raden “Geen” of “Alternatief” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
USP amount
Selecteer hoeveel USP’s er in deze sectie worden weergegeven
- 1 USP
- 2 USPs
- 3 USPs
- 4 USPs
USP 1 title, USP 2 text, USP 3 text, USP 4 text
Als u de USP-titel leeg laat, wordt deze niet weergegeven
USP 1 text, USP 2 text, USP 3 text, USP 4 text
USP 1 icon, USP 2 icon, USP 3 icon, USP 4 icon
Lees hier meer over het gebruik van pictogrammen in ons thema.
Add top border
Voeg een rand toe aan de bovenkant van deze sectie
Background
We raden “Geen” of “Alternatief” aan om uw thema consistent te houden
- None (Global background color)
- Alternate
- White
- Black
Instagram Username
Amount
Hoeveel afbeeldingen wil je laten zien
Social media
RSS
Toont een icon die linkt naar de RSS feed.
Facebook / Instagram / Twitter / Youtube / LinkedIn / Pinterest / Tumblr / Snapchat / Reddit
Voer een volledige sociale media-URL in (inclusief https: //) om een klikbaar sociaal media-pictogram(men) in de voettekst weer te geven.