Executive Theme - Documentation

Header settings

Sticky header

Select which parts of the desktop header you want to stick once the top of the browser window scrolls past

• No sticky header – No part of the header will not stick when scrolling
• Menu only – Only sticky the menu containing the main navigation links
• Main header only – Only stick the bar with the logo and login, wishlist and cart icon-buttons
• Main header and menu –  Stick both of the 2 options above
• Full sticky header – Simply make the whole header sticky

Located under General > Header > Header settings

Topbar

You can customize the behaviour, content and parts of the topbar, the small bar above the main header, here.

Enable topbar

Enable or disable the topbar completely.

USP 1 title / USP 2 title / USP 3 title

The title/text for each unique selling point in the topbar. The title is required for a USP to show. Don’t forget to translate these if your shop is multilingual. Simply copy the full content of each of these fields and add them to custom translations.

Main header

Show search

Show a search in the main header.

• Don’t show
• Centered simple searchfield
• Button that unfolds to full width search

Search autofill

When typing in the searchfield, show a list of products whilst typing.

Show login

Show a large login icon. It will show a pop-up or redirect to login according to your settings.

Show wishlist

Show a large wishlist icon. It will ask for login when not logged in.

Show cart

Show a large cart icon. It will show a cart summary or redirect to the cart page according to your settings. If you turn this off customers have no way to find their cart.

Located under General > Header > Main header

Main menu

Category menu style

• Simple dropdown (when you have a few)
• Normal menu items (with their own dropdowns)
• Mega menu (use this when you have loads of subcategories)

Show service pages in menu

Show service pages in a consolidated dropdown.

Show blog in menu

Show the blogs as a single menu item each. If you have multiple blogs you may want to disable this and manually control which blogs you want to add to the main menu through Design > Navigation > Default.

Show brands in menu

Show a link to the brands page.

Show sale

Show a featured link to a category page with discounted products. Make sure you enter the category url below.

Sale category URL

Write the category URL excluding the domain part with slashes before (eg, ‘sale’). Or create the category ‘Sale’ or it doesn’t exist.

Sale category menutitle

Enter the value you write here in Lightspeed Translations to translate it for other languages.

Located under General > Header > Main menu

Login

Enable pop-up login

Enable logging in via pop-up instead of redirecting to a seperate login page.

Pop-up content

Add a sentence to the login pop-up.

Create account content

Add a sentence to the login page above the account creation button. HTML tags are allowed to create a <ul> list with bulletpoints.

Located under General > Header > Login

Footer settings

Add top border

Add a border to the top of the footer

Footer columns

Select how many columns will show in the footer.

• Don’t show any columns
• 1 column
• 2 columns
• 3 columns
• 4 columns

Widget 1/ Widget 2 / Widget 3 / Widget 4

Select the widget you want to show on this column. Selecting “Empty” will show nothing in this column.

• Empty
• Small contactform
• List visible categories
• List visible servicepages
• Contactdetails and social media

Copyright border

Add a border to the top of the copyright bar

Show footer copyright

Show a line at the bottom of every page with website copyright information.

Show footer payment icons

Show icons of all enabled payment methods

Show footer hallmarks

Show the linked images of all hallmarks

Newsletter

Show newsletter signup

Show a newsletter signup form above the footer. Most of the style will correspond with the newsletter section, but you can select a layout below.

Newsletter signup form style

Set a style for the signup form

• Columned
• Inline (smaller)

Footer newsletter signup title

Newsletter signup form subtitle

Social media

Keep in mind that this information will only be shown if the Contact details and social media widget is selected in an available column for the footer.

RSS

Show an icon that links to the RSS feed.

Facebook

Enter a full Enter a full Facebook URL (including https://) to display a clickable Facebook icon in the footer. URL (including https://) to display a clickable Instagram icon in the footer.

Instagram

Enter a full Instagram URL (including https://) to display a clickable Instagram icon in the footer.

Twitter

Enter a full Twitter URL (including https://) to display a clickable Twitter icon in the footer.

Youtube

Enter a full Youtube URL (including https://) to display a clickable Youtube icon in the footer.

LinkedIn

Enter a full LinkedIn URL (including https://) to display a clickable LinkedIn icon in the footer.

Pinterest

Enter a full Pinterest URL (including https://) to display a clickable Pinterest icon in the footer.

Tumblr

Enter a full Tumblr URL (including https://) to display a clickable Tumblr icon in the footer.

Snapchat

Enter a full Snapchat URL (including https://) to display a clickable Snapchat icon in the footer.

Reddit

Enter a full Reddit URL (including https://) to display a clickable Reddit icon in the footer.

Contact details

Keep in mind that this information will only be shown if the Contact details and social media widget is selected in an available column for the footer.

Company name

Enter your company name to display it at the bottom of every page. Or leave empty to remove.

eCommerce Pro

Enter a short description of your services. Or leave empty to remove.

Address 1, Address 2, Address 3

Phone number

Enter your phone number to display it at the bottom of every page.

Email

Enter your email to display it at the bottom of every page.

VAT number, CoC number, IBAN

Enter your business information to splay it at the bottom of every page.

Global

Background

Branding

Typography

Icons

Topbar

Mobile menu

Main header

Main menu

Section styling

Home banner

Products

Catalog

Button 1

Button 2

Sidebar

Footer

Copyright

Cookie notification

The cookie notification needs to be set to anything but Disabled in the Lightspeed backend under Settings > Web extra > Cookie law.

Cookie notification style

Set the style of your cookie notification. If you don’t see a cookie notification, check the Lightspeed settings > Web extras. The pop-up visuals can’t be changed with settings here.

• A bar in the top – An overlapping bar that sticky on the top of the window
• A bar in the bottom – An overlapping bar that sticky on the bottom of the window
• A large blocking pop-up (if you really insist on agreement)
• Unstyled lightspeed notification – The fallback functionality from Lightspeed. This might be useful if you encounter buggy behaviour in conjuncture with a plugin or other custom scripts.

Custom alert

Show a custom alert bar just below the header that will be sure to grab your visitor’s attention. We don’t recommend using too many pop-ups and alerts at once cause it will cause a bad user experience.

Keep in mind that re-enabling the alert after some time won’t delete the cookie in the user’s browsers, we recommend not setting the duration longer than necessary. Rather, use personal calendar alert to reminder yourself to disable the alert when it’s no longer needed.

Custom alert

Show a custom alert on a first visit. Your choice here will determine how long it will not show after dismissing it. Keep in mind that changing this setting does not affect existing cookies. Use browser incognito-mode to test.

• Don’t show
• Show and dismiss for 1 week
• Show and dismiss for 2 weeks
• Show and dismiss for a month
• Show and dismiss for 3 months
• Show and dismiss for 6 months
• Show and dismiss for a year

Alert content

Write some content for inside the alert. Keep it brief or it will take up a lot of room on phones.

Alert link

If you want the text to link somewhere. Set the URL to which the text will redirect.

Custom pop-up

Show a custom pop-up just that will be sure to grab your visitor’s attention. We don’t recommend using too many pop-ups and alerts at once cause it will cause a bad user experience.

Keep in mind that re-enabling the pop-up after some time won’t delete the cookie in the user’s browsers, we recommend not setting the duration longer than necessary. Rather, use personal calendar alert to reminder yourself to disable the pop-up when it’s no longer needed.

Custom pop-up

Show a custom pop-up on a first visit. Your choice here will determine how long it will not show after dismissing it. Keep in mind that changing this setting does not affect existing cookies. Use browser incognito-mode to test.

• Don’t show
• Show and dismiss for 1 week
• Show and dismiss for 2 weeks
• Show and dismiss for a month
• Show and dismiss for 3 months
• Show and dismiss for 6 months
• Show and dismiss for a year

Pop-up title

Pop-up content

Because we like our customers so much, we’d like you to have this discount. Make sure to save it and use it during checkout. You can share it with all your friends as well!

Pop-up discount code

If you want to advertise a discount code. Paste it here. Make sure it doesn’t have a limit and is available to everyone.

Button text

Show a button with this text. Make sure the URL is set as well.

Button link

Set the URL to which the button will redirect.

Newsletter pop-up

Show a newsletter pop-up just that will be sure to grab your visitor’s attention. We don’t recommend using too many pop-ups and alerts at once cause it will cause a bad user experience.

Keep in mind that re-enabling the pop-up after some time won’t delete the cookie in the user’s browsers, we recommend not setting the duration longer than necessary. Rather, use personal calendar alert to reminder yourself to disable the pop-up when it’s no longer needed.

Newsletter pop-up

Show a newsletter pop-up on a first visit. Your choice here will determine how long it will not show after dismissing it. Keep in mind that changing this setting does not affect existing cookies. Use browser incognito-mode to test.

• Don’t show
• Show and dismiss for 1 week
• Show and dismiss for 2 weeks
• Show and dismiss for a month
• Show and dismiss for 3 months
• Show and dismiss for 6 months
• Show and dismiss for a year

Pop-up title

Pop-up content

Subscribe to our newsletter and get the latest news and discounts as early as possible

Pop-up image

Upload an image. For better results we recommend a square or portait ratio image. The image will not show on small screens.

GIF link

Paste a full URL for a gif. Replaces the image even if an image is uploaded. The GIF will not show on small screens. You can upload the file to Lightspeed uploads or use a website like Giphy

Free shipping

Use this module to provide free shipping for your customers when their order amount reaches a specific amount. This can provide a large incentive to reach this amount before ordering. When properly set up, this will as a small notification in the header cart and on the cart page that will turn green when the free shipping threshold has been reached.

Enable free shipping

Must be combined with a minimum amount

Free shipping above threshold

Only use whole numbers. Using decimals or non-numeric characters with break this module.

Quotes

Use this module to give replace the ‘Add to cart’ button from specific products of your choice with a ‘Request a quote’ button that opens a window for visitors to enter contact information.

Enable quote requests

Enabling quotes will change add to cart button to a ‘Request a quote’ button when the product variant name contains the word ‘quote‘. This button opens a dialog window where customers can describe when they need with required email and phonenumber.

Pop-up title

Pop-up content

Facebook chat

Facebook Chat – Page ID

Enter the Facebook page ID of your company’s Facebook. Read our documentation for more information.

Opening greeting – Logged in users

The sentence that will show upon opening the chatwindow for users logged in on Facebook.

Opening greeting – Not logged in

The sentence that will show upon opening the chatwindow for users NOT logged in on Facebook.

Rating

Rating

Write your current rating in decimals. Don’t use a comma.

9.1
Rating location

Select a location to show the rating

Rating max

Select the maximum rating obtainable at your rating partner.

• 5 (For Trustpilot)
• 10 (For Kiyoh and Theme)

Review amount

How many reviews have been placed

Rating partner

Select a partner where you moderate your ratings

• None
• Trustpilot
• Kiyoh
• Theme styled

Partner profile URL

Paste a full URL for the page where the customer will be forwarded when clicking on the widget. Leave empty to keep unclickable.

Home settings

Show buttons on hover

Show buttons and arrows on mouse-hover. If disabled, they will always show. You can reduce clutter by keeping this enabled.

Home banner

Banner style

The webshop will attempt to show your headlines in an arranged mosaic pattern or a slider.

• Mosaic
• Slider

Mosaic layout

There’s an extensive guide on making a mosaic banner, you can find it here

When enabling mosaic in the banner style, we recommend reading our guide that shows recommended image sizes for each layout.

• First headline full width (needs 3+ headlines)
• Two columns (needs 2+ headlines)
• Three columns (needs 3+ headlines)

Show headline titles

You can style these further under General > Visual > Home banner

Home banner (simple)

Override headlines banner

Enable this to completely disable the native headlines slider or mosaic and enable a simple single banner with more options.

Banner image

Upload the main banner image

Banner height

Set the banner height.

Banner logo

Add a logo boven the banner title.

Banner title

Single banner override

Banner content

This is some text

Button text

Shop now

Button link

Enter the last part of the target link for this banner. Eg. “product/deskchair-e120”.

collection

Banner content align

Align the block containing the content and button. Middle is for used for vertical alignment.

Center Middle center

Banner text align

Align the text inside the container.

Center

Banner text color

Banner content background color

Set a background color for the content container inside the banner.

Banner content background transparency

Select the “Fully transparent” value to not show a background at all.

80% transparent

Apply background to whole banner

Set the background color to white or black and set the opacity to 10%-30% to create a subtle overlay. This can be helpful when using an mp4.

Background video URL

Upload an mp4 or high quality gif to Lightspeed (or an external source) and paste the full URL here. This overrides the normal image you can upload for this banner.

Home sections

Section 1 – Section 15

Select the sections you want to show in order. Selecting “None” will skip show nothing in this section.

Sections are explained below.

Combined products

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Title

Subtitle

First tab, Second tab, Third tab

The first tab will be selected by default upon pageload.

• None
• Featured
• Popular
• Newest

Featured products

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Title

Subtitle

Popular products

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Title

Subtitle

Newest products

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Title

Subtitle

Categories

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Banner

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• 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

• Left
• Center
• Right

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

Banner blocks

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• 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

• No effect
• Zoom effect

Banner 1 text align

• Left
• Center
• Right

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

• Button 1
• Button 2

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

• No effect
• Zoom effect

Banner 2 text align

• Left
• Center
• Right

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

• Button 1
• Button 2

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

Outlet

Add top border

Add a border to the top of this section

Title

Subtitle

Main image

Upload an image for the main banner.

Main image hover effect

Select an effect on cursor hover

• No effect
• Zoom effect

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 transparent

Banner title

Banner content

Button text

Button link

Enter the last part of the target link for this button. Eg. “product/deskchair-e120”

Countdown text

Countdown

Enter a date here. For example ’01-03-2022′. A counter will appear that will count down to a set time for that day. Select that time below. Entering ‘today’ will reset the timer each day.

Countdown to time

Select an hour to which to count down to. If entering today’s date above and 00:00 here, it would mean the countdown will run till tonight.

• 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

If you have a countdown for an offer on a product, you can enter the product ID here. If you do, the countdown will also display on that product’s page. You can find the product ID in the URL when editing a product.

Banner 2 title

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

• No effect
• Zoom effect

Banner 2 button link

Enter the last part of the target link for this button. Eg. “product/deskchair-e120”

Banner 2 button style

Select a button style. You can change these in General > Visual

• Button 1
• Button 2

Banner 2 button text

Banner 2 text align

• Left
• Center
• Right

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 target

• Normal (stay in this tab)
• New tab

Shop the look

This is an advanced section. It might take some take to learn how to set up it up properly, so carefully read through all the steps

Add top border

Add a border to the top of this section.

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Title

Subtitle

Main image

Upload an image for the main banner.

Button text

This button will add all items from Featured Products to the cart.

Position target 1, Position target 2, Position target 3

Enter the X and Y coordinates (double click on the image to get a suggestion)

Blog articles

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Blog link override

If this is empty the button will link to the first existing blog, to change this enter the last part of the blog link without slash.

Home content

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Container width

Set a maximum width for the container, this is recommended if you don’t use an image and/or don’t have a lot of content

• 50% width on desktop
• 66.6% width on desktop
• 83.3% width on desktop
• Full width

Text align

• Left
• Center
• Right

Image – Desktop

Add an image in a column next to the content. When setting an image for this section, we recommend a portrait scale for desktop and landscape scale for mobile.

Image – Mobile

Add an image in a column next to the content. If empty, no image will be shown

Show tags

Show product tags below the home content

Newsletter

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Newsletter section style

• Columned
• Inline (smaller)

Title

Subtitle

Brands

Add top border

Add a border to the top of this section

USPs

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

USP amount

Select how many USPs will show in this section

• 1 USP
• 2 USPs
• 3 USPs
• 4 USPs

USP 1 title, USP 2 text, USP 3 text, USP 4 text

Leaving the USP title empty will not display it

USP 1 text, USP 2 text, USP 3 text, USP 4 text

USP 1 icon, USP 2 icon, USP 3 icon, USP 4 icon

Read on the usage of icons in our theme here.

Instagram

Add top border

Add a border to the top of this section

Background

We recommend “None” or “Alternate” to keep your theme consistent

• None (Global background color)
• Alternate
• White
• Black

Instagram Username

Amount

How many images do you want to show

Catalog appearance

Image height/ratio

Adjust the ratio of category images in the catalog or section. When using portrait ratios it’s recommended to use resize method 3 in the option below.

• Landscape (3:1)
• Landscape (3:2)
• Landscape (4:3)
• Square (1:1)
• Portait (3:4)
• Portait (2:3)
• Maximum height

Image resizing

We recommend method 1 with a portrait or square ratio from the above option.

• Method 1 (fill): Resizes and crops the image so it will fit the given dimensions
• Method 2 (fit): Resizes the image so it will fit the given dimensions
• Method 3 (fit): Resizes the image so it will fit the given dimensions and removes whitespace
• Method 4 (exact): Stretches the images so it will fit the given dimensions

Brand appearance

Grayscale brand images

Set the brand images/logo to grayscale

Image height/ratio

Adjust the ratio of brand images on the brands collection or section.

• Landscape (3:1)
• Landscape (3:2)
• Landscape (4:3)
• Square (1:1)
• Portait (3:4)
• Portait (2:3)
• Maximum height

Image resizing

We recommend method 1 with a portrait or square ratio from the above option.

• Method 1 (fill): Resizes and crops the image so it will fit the given dimensions
• Method 2 (fit): Resizes the image so it will fit the given dimensions
• Method 3 (fit): Resizes the image so it will fit the given dimensions and removes whitespace
• Method 4 (exact): Stretches the images so it will fit the given dimensions

Catalog sections

Section 1 – Section 7

You can add homepage sections here, you can configure these under Homepage settings. These sections will also be added on the Brands and Tags page.

All the sections available here you can find under Sections for more explanation.

Product settings

Product columns – Desktop

⚠ Advanced setting ⚠ Change how many columns be shown on desktop. This is an advanced setting, product titles and other elements might not have room to show properly. You can also adjust the lightspeed ‘Products per page’ setting to fill rows.

• Native – 3 columns (4 without filters)
• 1 column
• 2 columns
• 3 columns
• 4 columns
• 5 columns
• 6 columns

Product columns – Tablet

⚠ Advanced setting ⚠ Change how many columns be shown on tablet. This is an advanced setting, product titles and other elements might not have room to show properly.

• Native – 2 columns (3 without filters)
• 1 column
• 2 columns
• 3 columns
• 4 columns

Product columns – Phone

⚠ Advanced setting ⚠ Change how many columns be shown on phone. This is an advanced setting, product titles and other elements might not have room to show properly.

• Native – 2 columns
• 1 column
• 2 columns
• 3 columns

Show article code

Show EAN / barcode

Show SKU

Append VAT information

Only for non B2B shops.

• Hide
• Show “Incl. VAT” only
• Show “Incl. VAT” and VAT amount

Show unit price

Show unit price in product listings

Show currency symbol

The currency symbol will always be shown in the cart and checkout pages.

Enable compare

Enable comparing products globally

Show rating

Show product rating above the product title in product listing

Show brand

Show the brand above the product title in product listing

Show wishlist

Show a wishlist button in the product listing. Wishlist must also be enabled in Lightspeed Advanced Settings.

Add to cart button

Set the content of the add to cart button. You can change the text through Lightspeed translations. This also applies to buttons that replace this button like ‘Sold out’ or ‘Request invoice’

• Show text and icon
• Show text only
• Show icon only
• Show icon only on tablet and phone
• Show icon only on phone

Image height/ratio

Adjust the ratio of product images in the collection. When using portrait ratios it’s recommended to use resize method 3 in the option below.

• Landscape (3:1)
• Landscape (3:2)
• Landscape (4:3)
• Square (1:1)
• Portait (3:4)
• Portait (2:3)
• Maximum height

Image resizing

We recommend method 3 with a portrait or square ratio from the above option.

• Method 1 (fill): Resizes and crops the image so it will fit the given dimensions
• Method 2 (fit): Resizes the image so it will fit the given dimensions
• Method 3 (fit): Resizes the image so it will fit the given dimensions and removes whitespace
• Method 4 (exact): Stretches the images so it will fit the given dimensions

Show sale sticker

Choose an option to display a sticker over the product image when a product has a old

• Don’t show
• Show ‘SALE’
• Show the percentage difference

Show new sticker

Choose an option to display a sticker over the product image when a product has been recently added.

• Don’t show
• Show ‘NEW’

Enable quickzoom

Enable an icon above every product that opens a popup with a the product images carousel.

Product quickview

Enable quickview

Enable an icon above every product that opens a popup with a brief product description and order button.

Quickview carousel

Select a carousel style for the quickview

Simple slider with arrows and dots

Image/carousel width

Set a width the for the quickview image carousel on desktop

• 43.3%
• 50%
• 57.7%

Show summary

Show datalist

Show the list with product data like brand and stock

Show product options/action

Show all product options and ‘add to cart’ button

Show product USPs

Add the same USPs from the product page. Enter them under ‘Product USPs’

Show payment methods

Show payment methods at the bottom of the product summary

Category appearance

Category title location

Inside the banner (if there is no banner; fallback to Above productlisting)

Category description location

• Don’t show (except for search engines)
• Top (below the breadcrumbs)
• Above the productlistings
• Bottom (productlistings and filters)
• Inside the banner (if there is no banner; fallback to Above productlisting)

Category content location

Select a location for the content of your categories. If the title or description location is identical, the content will show below both.

• Don’t show (except for search engines)
• Top (below the breadcrumbs)
• Above the productlistings
• Bottom (productlistings and filters)
• Inside the banner (if there is no banner; fallback to Above productlisting)

Category text align

The text alignment for any category title, description or content.

• Left
• Center
• Right

Category banner location

Choose a location for the banner to show.

• Top (below the breadcrumbs)
• Above the productlistings
• Bottom (productlistings and filters)

Banner container align

Align the container inside the banner in which the title and/or content will show. Only usable when title and/or content location is ‘Inside banner’

• Bottom center
• Bottom left
• Bottom right
• Center Middle center
• Middle center
• Middle left
• Middle right
• Top center
• Top left
• Top right

Banner text align

The text alignment for any text inside the banner.

• Left
• Center
• Right

Category banner container

Make the banner the width of the entire window or as wide as the main content. Only used when ‘Category banner location’ is set to ‘Top’ or ‘Bottom’.’

• Full width
• Content width

Category banner height

Set the height of your category banners for categorypages

• 50px
• 100px
• 150px
• 200px
• 250px
• 300px
• 350px
• 400px

Category banner resizing

• Method 1 (fill): Resizes and crops the image so it will fit the given dimensions
• Method 2 (fit): Resizes the image so it will fit the given dimensions
• Method 3 (fit): Resizes the image so it will fit the given dimensions and removes whitespace
• Method 4 (exact): Stretches the images so it will fit the given dimensions

Filter settings

Show sorting options

Show a dropdown to sort the current collection.

Show product count

Display the number of products in the current collection.

Show layout options

Show grid/list options

Show filter sidebar

Turn this off to completely disable the filter sidebar and make the productlistings full width. This is also increase columns to 4 (when column override is not set)

• Don’t show
• Show full column
• Show a button to expand to column (or unfold on mobile)

Enable price filter

Show a price range slider in the filters list

Enable brands filter

Show a brands filter. Only 1 brand can be selected

Show categories

Select which categories (if any) you want to show.

• Don’t show
• Show visible categories that contain products
• Show visible categories (even empty ones)
• Show visible categories that contain product with count
• Show visible categories (even empty ones) with count

Collection sections

Section 1 – Section 7

You can add homepage sections here, you can configure these under Homepage or Product listings settings.

All the sections available here you can find under Sections for more explanation.

Product images

Adjust the ratio of product images in on the product detail. When using portrait ratios it’s recommended to use resize method 3 in the option below.

• Landscape (3:1)
• Landscape (3:2)
• Landscape (4:3)
• Square (1:1)
• Portait (3:4)
• Portait (2:3)
• Maximum height

Image resizing

We recommend method 1 with a portrait or square ratio from the above option.

• Method 1 (fill): Resizes and crops the image so it will fit the given dimensions
• Method 2 (fit): Resizes the image so it will fit the given dimensions
• Method 3 (fit): Resizes the image so it will fit the given dimensions and removes whitespace
• Method 4 (exact): Stretches the images so it will fit the given dimensions

Zoom image on hover

Zoom in on a part of the image when the cursor is hovering over it

• Disabled
• 2x Zoom
• 3x Zoom
• 4x Zoom
• 5x Zoom
• 6x Zoom
• 7x Zoom
• 8x Zoom
• 9x Zoom
• 10x Zoom

Carousel

• Simple slider with arrows and dots
• Slider with a thumbnail sidebar
• Slider with a thumbnail bottombar

Image/carousel width

Set a width the for the image carousel on desktop

• 43.3%
• 50%
• 57.7%

Fullscreen pop-up carousel

Show a magnify icon that opens a fullscreen pop-up with an image carousel

• Don’t show
• Fullscreen pop-up

Product settings

Show EAN / barcode

Show SKU

Show currency symbol

The currency symbol will always be shown in the cart and checkout pages.

Show stock level

Only show availability

Low stock threshold

Change the stock level to orange at this level or lower.

• Turn off
• 1 left
• 2 left
• 3 left
• 4 left
• 5 left
• 10 left
• 15 left
• 20 left
• 25 left
• 50 left
• 75 left
• 100 left
• 250 left
• 500 left
• 1000 left
• 2500 left
• 5000 left
• 10000 left

Show quantity discounts

Show a write-out of available product discounts product summary

Show categories

Show categories in the product summary

Enable compare

Enable comparing products globally

Show share button

Show a share button in the product summary

Show rating

Show product rating above the product title

Show brand

Show the brand on the product summary

Show wishlist

Show a wishlist button in the product summary. Wishlist must also be enabled in Lightspeed Advanced Settings.

Show payment methods

Show payment methods at the bottom of the product summary

Product tabs

Tabs style desktop

Select the tabs style for desktop. Mobile will always show an accordion (for usability purposes)

• Show tabs side-by-side
• Show an accordion

Show ‘Specifications’ tab

If enabled, a product will still need to have some specifications entered in the back-end before this tab shows. before this tab shows.

Show ‘Reviews’ tab

Show ‘Product bundles’ tab

If enabled, a product will still need to have available product bundles before this tab shows.

Show ‘Tags’ tab

If enabled, a product will still need to have tags entered in the back-end before this tab shows.

Show ‘Shipping & returns’ tab

The content for this tab will be taken from the native ‘Shipping & returns’ page in Lightspeed.

Product USPs

Enable product USPs

Add USPs below the Add to cart button on a product page

Product USP 1, Product USP 2, Product USP 3, Product USP 4, Product USP 5

Add USPs below the add to cart button on the product page. Using <b>around</b> a word will make it bold and colored.

Review pop-up

Title

Text