Charm Theme

A theme that brings the soul of e-commerce to life. Charm is designed to be used by merchants looking to leave a lasting impression.

View the example store

Contents

• Installing the theme
• Home Page
  • Slider Collections
  • Banner Collections
  • Display Collection
  • Carousel Collections
• Footer
  • Footer: First Menu
  • Footer: Second Menu
  • Footer: Widget
• Contact Page
  • Map Location
• Collection
  • Collection Heading

Installing the theme

1. Open Design in the Lifeboat admin interface
2. Click on Install Theme
3. Find the Charm 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

Slider Collections

In Charm, you may have up to 3 collections that are used in a slider on the home page. 

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. Choose up to three collections to be shown, in the custom Fields labelled 
   • Home: Slider Collection 1
   • Home: Slider Collection 2
   • Home: Slider Collection 3
4. Click Save

Banner Collections

Under the slider section of the home page, you can have 2 collections to be shown next to each other. These collections can be set by:

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. Choose the two collections to be shown, in the custom Fields labelled 
   1. Home: Banner Collection 1
   2. Home: Banner Collection 2
4. Click Save 

Display Collection

The next section shown is a single collection's products being shown in a carousel.

1. Open Design
2. Select the collection you'd like to show in the field labelled: Display Collection
3. Click Save

Carousel Collections

Under the Display section, you may have up to 3 collections to be featured in tabbed carousels. 1 Collection is shown at any given time with the option to click another tab to see a different collection, each in its own carousel. To add these:

1. Open Design in the Lifeboat admin interface
2. Select the collections to show in the fields labelled; Home: Carousel Collection 1, Home: Carousel Collection 2, Home: Carousel Collection 3
3. Click Save

Footer

In the footer section, you can have two custom menus as well as a widget.

Footer: First 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

Footer: Second 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 in the middle of the footer.
   Note
   

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

4. Click Save

Footer: Widget

 In Charm, a widget can be placed to be shown on the right-hand side of the footer, for example, a map.

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. In the field labelled Footer: Widget insert the HTML code of a widget.
4. Click Save

Map Location

The Charm theme gives you the option to have a map with the store's location on the site, specifically on 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.

Collection

Collection Heading

A collection may have a heading that is visible in the Slider and Banner Collections 

1. Open Collections
2. Click on the Collection you'd like to edit (open for editing)
3. Enter a subtitle in the field labelled; Collection Heading
4. Click Save