LOGIN START SELLING ONLINE

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

 

 Charm theme install

  

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

NOTE:

You may also change the image shown on the slider

  1. Go to Products > Collections
  2. Click on the selected collection to open for editing
  3. Set the image in the field labelled; Slider Image
  4. Click Save

 

 Charm theme Slider

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 

NOTE:

You may also change the image shown on the banner

  1. Go to Products > Collections
  2. Click on the selected collection to open for editing
  3. Set the image in the field labelled; Banner Image
  4. Click Save

 

Charm theme Banners

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

 

Charm theme Display

 

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

 

 Charm theme Carousel

 

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

 

 

 Charm theme footer

 

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 Theme map location
    2. Input them as shown below in the field Map LocationTheme map location
  4. Click Save

 

NOTE:
It is important to enter the shop's name and address exactly as it is shown on Google Maps. You can follow the steps and screenshots below.

 

And the result should be as follows.

Theme map location

 

 

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

 

Start your business with Lifeboat

Start your online business today, the first 30 days are on us. No credit card or contracts required.

Start free trial