Toybox Theme

A theme with soft colours, perfect for children's items retail

View the example store

Contents

• Installing the theme
• Home Page
  • Banner Collections
  • Sidebar Collections
  • Carousel Collections
  • Collection Cards
  • Display Collections
  • Newsletter section
• Footer
  • Footer: First Menu
  • Footer: Second Menu
  • Footer: Third Menu
• Contact Page
  • Map Location
• Collection
  • Collection Heading
  • Collection Card Image
  • Display Collection Image
  • Collection Banner Image

Installing the theme

1. Open Design in the Lifeboat admin interface
2. Click on Install Theme
3. Find the Toybox 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 Toybox, you may have up to 2 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
4. Click Save

Sidebar Collections

Next to the Banner section, you may have 2 collections to be shown on the right-hand side of the banner in the sidebar (as shown above). To add these:

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

Carousel Collections

Underneath the Banner section, you may have up to 4 collections in a tabbed carousel, shown as a carousel with tabs to choose the different collections. To add these;

1. Open Design in the Lifeboat admin interface
2. Click customise
3. Select the Collection to show in the field labelled; Home: Carousel Collection 1
4. Repeat step 2 for;
   • Home: Carousel Collection 2
   • Home: Carousel Collection 3
   • Home: Carousel Collection 4
5. Click Save

Collection Cards

Under the tabbed collection 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

Display Collections

Under the Collection Cards, you may add up to 3 different collections to be displayed with an image on the left and up to 6 products on the right side of the section.

1. Open Design
2. Choose the desired collections to be shown in the display collections section in the custom fields labelled:
   • Home: Display Collection 1
   • Home: Display Collection 2
   • Home: Display Collection 3
3. Click Save

Newsletter section

If you have the Mailchimp integration enabled for newsletters, you can set a background image for the newsletter section on the home page. To do this: 

1. Open Design
2. Choose the desired image to be shown in the newsletter section in the custom field labelled: Newsletter section image
3. 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 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 Toybox 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 Home Banner Image

For each Collection, you may specify a banner image to be used on the Home page if the collection is chosen as a banner collection.

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

Collection Heading

A collection may have a heading that is visible in the home banner, Sidebar collections and Collection cards. 

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

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; Collection Banner Image upload the image you'd like to use
4. Click Save