Appearance

Sliders

You can create multiple sliders for your store, then switch between them anytime you like.

Navigate to Appearance > Storefront > General to switch store slider.

Create Slider

Navigate to Appearance > Sliders > Create Slider to create a new slider.

Slides

slider create page slides tab

slider

Settings

slider create page settings tab

  • Name (translatable): The name of the slider.
  • Autoplay: Autoplay the slider.
  • Autoplay Speed: Autoplay speed in millisecond.
  • Arrows: Show slider arrow.

Storefront

General

storefront page general tab

  • Theme: Select theme for the storefront.
  • Slider: Select the slider for your store.
  • Terms & Conditions Page: Select the terms & conditions page for your store.
  • Privacy Policy Page: Select the privacy policy page for your store.
  • Footer Address: Fill your store address for the footer of your store.
  • Footer Copyright Text: You can use store_url, store_name, and year variable in copyright text. Wrap the variable inside mustache like below.

{{ store_url }}

storefront page logo tab

  • Favicon: Set favicon for your online store.
  • Header Logo: Set header logo for your online store.
  • Footer Logo: Set footer logo for your online store.

storefront page menus tab

  • Primary Menu: Primary menu of the store.
  • Category Menu Title (translatable)
  • Category Menu: Category menu of the store.
  • Footer Menu Title (translatable)
  • Footer Menu: Footer menu of the store.

category menu

Social links are shown in the footer of the website.

storefront page social links tab

Features

storefront page features tab

  • Section Status: Enable this section.

Features

  • Icon: Font Awesome icon class.
  • Title (translatable): Title for the feature.
  • Subtitle (translatable): Subtitle for the feature.

features

storefront product carousel tab

  • Section Status: Enable this section.
  • Section Title (translatable): Title for this section.
  • Products: Select products for this section.

product carousel

Recent Products

storefront recent products

  • Section Status: Enable this section.
  • Section Title (translatable): Title for this section.
  • Total Products: Set limit for showing recent products.

recent products

storefront three column vertical product carousel tab

  • Section Status: Enable this section.

Columns

  • Column Title (translatable): Title for the column.
  • Column Products: Select products for the column.

three column vertical product carousel

Landscape Products

storefront landscape products tab

  • Section Status: Enable this section.
  • Section Title (translatable): Title for this section.
  • Products: Select products for this section.

landscape products

Product Tabs

storefront product tabs

  • Section Status: Enable this section.
  • Section Title (translatable): Title for this section.

Tabs

  • Tab Title (translatable): Title for the tab.
  • Tab Products: Select products for the tab.

product tabs

storefront page two column product carousel

  • Section Status: Enable this section.

Columns

  • Column Title (translatable): Title for the column.
  • Column Products: Select products for the column.

two column product carousel

Recently Viewed

storefront page recently viewed tab

  • Section Status: Enable this section.
  • Section Title (translatable): Title for this section.
  • Total Products: Set limit for showing recently viewed products.

recently viewed