Popcuest Theme

A Light colour based theme is suitable for shops with numerous collections.

View the example store

Contents

• Installing the theme
• Home Page
  • Banner Collections
  • Featured Collections
  • Product Carousels
  • Collections Carousel
  • Collection Cards
  • Video section
• Footer
  • Footer: First Menu
  • Footer: Second Menu
  • Footer: Third Menu
• Product Page
  • Category
  • Promoted Collection
  • Promoted Products
• Collection
  • Banner Image
  • Subtitle

Installing the theme

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

In Popcuest, you may have up to 3 collections that are used as banners on the home page.

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

Featured Collections

Underneath the Banner section, you may have 3 Featured collections, shown as large cards. To add these;

1. Open Design in the Lifeboat admin interface
2. Select the Collection to show in the field labelled; Home: Featured Collection 1
3. Repeat step 2 for;
   • Home: Featured Collection 2
   • Home: Featured Collection 3
4. Click Save
5. Repeat steps 2-4 for all the collections you'd like to show

Product Carousels

In the Popcuest theme, you may have up to 3 sections featuring a collection each, to promote products on your home page. These sections are spread across the home page. Each section will show up to 12 products from the selected collection in a carousel format.  

1. Open Design
2. Click on Customise
3. In the field labelled Home: Product Carousel 1 select the collection to load products from
4. Repeat step 3 for;
   • Home: Product Carousel 2
   • Home: Product Carousel 3
5. Click Save

Collections Carousel

This section enables you to have a carousel of collections to direct users to your preferred collections.

1. Open Products > Collections
2. Click on the Collection you'd like to add
3. In the Tags field add the tag; featured
4. Click Save
5. Repeat steps 2-4 for all the collections you'd like to show

Collection Cards

Under the Collections Carousel you may also add 2 more collections which span the full width of the page to attract attention.

1. Open Design
2. Select the collections you'd like to show in the fields labelled;
   • Collection Card Left
   • Collection Card Right
3. Click Save

Video section

Under the Collection Cards, you may add a video about your products, brand or anything you see fit. 

1. Open Design
2. Choose an image from the field Video section image/thumbnail
3. Insert a YouTube video link in the field labelled Video section video YouTube link
4. Give your video a title in the field Video section Title
5. Specify an optional subtitle in the field Video section Subtitle
6. Click Save

Footer

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

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: Third Menu

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. In the field labelled Footer: Third 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 Popcuest 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 Page

Category

You may add a category to each Product, as to improve user experience on your Lifeboat store.

1. Open Products
2. Click on the product you'd like to update
3. In the field labelled; Category (found under the section; Theme Elements), select the Collection which best categories this product
4. Click Save

Promoted Collection

A promoted collection is simply a collection that is shown on all product pages, in the right sidebar. This enables you to promote a specific collection that may have a special offer, latest products, or anything you deem fit.

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. Select the Collection you'd like to promote in the field; Promoted Collection
4. Click Save

Promoted Products

You can have a list of Promoted Products the product page right sidebar. Here you may promote products in a sticky sidebar, which will be visible on every product page.

1. Open Design in the Lifeboat admin interface
2. Click on Customise
3. Select the Collection that contains the products you'd like to promote in the field; Promoted Products
4. Set a title for this section in the field; Promoted Products Section Title

   By default the Promoted Products Section Title is; Featured Items.

5. Click Save

Collection

Banner Image

In each Collection you may specify a banner image to be used on the Collection page.

1. Open Collections
2. Click on the Collection you'd like to edit (open for editing)
3. In the field labelled; Banner Image upload the image you'd like to use
4. Click Save

Subtitle

A collection may have a subtitle which is visible in all the Collection Cards across the site. 

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