Home Page (South Bank)

Home Page Navigation

Setting Description
Home page navigation text/icon color Choose the color of the top links such as "Menu" and "Cart" on the home page. We have provided these additional color settings for the navigation so they're legible over the home page carousel.
Home page navigation text/icon hover color Choose color of the top links on the home page when a cursor hovers over them.

Logo

Setting Description
Home page logo text color Select the color of the font used for home page logo text. We have provided these additional color settings for the logo so they're legible over the home page carousel.
SVG file name You can set up an SVG to display instead by following the steps on this article. You will need to upload the file into your store's WebDAV folder before this will work. Please note you will still need to upload a standard image based logo in your store control panel for your invoices, packing notes, emails etc.

Hero Carousel

Setting Description
Set main hero section to fullscreen height Select this prevents cropping of large carousel images if the viewing screen is wider than 1261 pixels. Fullscreen hero banners make for great storytelling opportunities and allow your brand message and unique selling proposition to be communicated in an engaging and interactive way.
Show carousel arrows Choose to toggle the left and right arrows on or off.
Carousel mode This changes the carousel mode to either Storyboard or Classic. Find out more about the carousel modes on this article.
Background color Select the color of the overlay on the carousel.
Background transparency Select the opacity of the overlay on the carousel.
Title color Select the color of the large text on the carousel.
Description color Select the color of the smaller text on the carousel.
Indicator color Select the border color of the empty dot at the bottom of the Carousel if there is more than one slide (on Classic mode).
Indicator active color Select the color of the full dot at the bottom of the Carousel if there is more than one slide (on Classic mode). 
Arrow Select the color of the left and right arrows if there is more than one slide (on Classic mode).

Hero Video

Setting Description
Use video in place of hero at the top of the homepage Choose this to replace the Hero Carousel slides with a Hero Video.
Video share link Choose the URL that the Hero links to. Remember to add the correct URL in the "Video share link" field. If you're using YouTube or Vimeo you need to click the Share link on the video you want to use and then copy the URL in the popup box that appears.
Video header text Choose the large text on the video.
Video description text Choose the smaller text which displays below the heading on the video.
Video button text Choose the text to appear on the video button, generally a call to action like Shop Now or Learn More.
Video button URL Choose the URL you want the button to direct to.

Elfsight Instagram Feed

Setting Description
Enable the Elfsight Instagram Feed module Check this to activate your Elfsight Instagram feed. Elfsight offer a highly configurable feed module that we have set up our theme to work with. They offer free and premium versions, which you can sign up for here.
Elfsight App ID string Enter the relevant code snippet from the Elfsight control panel. Full instructions can be found here.

Products

Setting Description
Number of Featured Products Select how many featured products to display on the home page, or disable this feature.
Featured Products per row Select how many featured products display per row.
Number of Most Popular Products Select how many most popular products to display on the home page, or disable this feature.
Most Popular Products per row Select how many most popular products display per row.
Number of New Products Select how many new products to display on the home page, or disable this feature.
New Products per row Select how many new products display per row.

Blog Posts

Setting Description
Number of blog posts on home page Select how many blog posts to display on the home page, or disable this feature.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.