Shacket Theme

A modern theme using high contrast colours and supports video.

View the example store

Contents

• Installing the theme
• Home Page custom fields
  • Banner
  • Popular Categories
  • Featured Collection
  • Popular Items
  • Parallax Collection
  • Video section
• Footer
  • Middle-left menu
  • Middle-right menu
• Product custom fields

Installing the theme

1. Open Design in the Lifeboat admin interface
2. Click on Install Theme
3. Find the Shacket Theme
4. Click install
   Once installed the theme will be listed underneath the theme preview
5. Click on Actions
6. Click on Make Default

Home Page

Banner

In Shacket, you may have a banner in the home page with an Image, Title and subheading.

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. Choose an image to be featured in the Banner in the field labelled Banner Image.
4. Type any title and subheading to be shown in the Banner in the fields Banner Title and Banner Subheading respectively
5. Click Save

Popular Categories

Underneath the banner, you may choose up to 4 collections to be shown on the home page. You can also customise the title of the section.

1. Open Products > Collections
2. Click on the collection you'd like to add (open for editing)
3. In the Tags field add the tag show_in_home
   Optional: Specify an image in Featured Image to be used in the card
4. Click Save

To customise the title of the section:

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. Type any title in the field labelled Popular Categories Section Title. 
   Note: If left blank, the set value will be 'Popular Categories'
4. Click Save

Featured Collection

Underneath the popular categories, you may choose 1 category to be featured on its own in a banner.

1. 1. Open Design in the Lifeboat admin interface
   2. Click on Customise
   3. Pick any collection from the dropdown menu in the field labelled 
      Featured Collection in home page
   4. Click Save

Popular Items

Underneath the featured Collection, you may choose up to 4 products to be shown on the home page. You can also customise the title of the section.

1. Open Products
2. Click on the Product you'd like to add (open for editing)
3. In the Tags field add the tag show_in_home
4. Click Save

To customise the title of the section:

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. Type any title in the field labelled Popular Items Section Title.  Note: If left blank, the set value will be 'Popular Items'
4. Click Save

Parallax Collection

Underneath the Popular Items, you can choose 1 collection to be shown as a parallax banner.

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. Choose the desired collection to be shown in the Parallax Collection in home page
4. Click Save

Video section

Below the parallax collection, you may have any YouTube video of your choice to be played in a popup. You may also have a custom image as a thumbnail. This is done by:

1. Opening Design
2. Choose an image from the field Video section image/thumbnail
3. Insert any YouTube video link in the field labelled Video section video YouTube link
4. Click Save

Footer

In the footer section, you can have two custom menus.

Middle-left menu

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. In the field labelled Footer: First Menu select a menu that will be used on the middle left-hand side of the footer.
   Note
   

   The Menu title is used as the header in the footer.
   Submenus are not supported.

4. Click Save

Middle-right menu

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. In the field labelled Footer: Second Menu select a menu that will be used on the middle right-hand side of the footer.
   Note
   

   The Menu title is used as the header in the footer.
   Submenus are not supported.

4. Click Save

Map Location

The Shacket theme gives you the option to have a map with the store's location on the site, specifically in the Contact page. To do this;

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. Enter your shop's name and full address in the field labelled Map Location
   1. Get the shop's full name (1) and address (2) from Google Maps as shown below 
   2. Input them as shown below in the field Map Location
4. Click Save

And the result should be as follows.

Product

For each product, you may place them in a category, which is shown on top of the product name in the product card. This is done by 

1. Open Products
2. Click on the Product you'd like to add (open for editing)
3. In the custom field Category (at the very bottom of the page) select a category you would like to be shown for the product.
4. Click Save