Get Started

Thank you for your attention our theme. This is some basics on installing, configuring and customizing the theme.

You need a Shopify store. If you don't have a Shopify store, you can go to Shopify and create your store. We also recommend that you should read the Shopify Manual. It is an extremely well written and thorough guide to understanding the Shopify platform, written by Shopify themselves. It will help with understanding many aspects of the customization of your theme as well as using Shopify in general.

Please read Shopify manual before you start:

Install Theme

Install Loto Theme
To install the theme, please log in to your Shopify store admin.

  • Go to Online Store > Theme
  • Click on Upload Theme button
  • When you finish uploading the theme, please click on Actions to show menu
  • Click on Publish to publish the theme

Install Loto Theme

After Publish theme, Please enter the License Key which sent to you when purchase our theme via email to activate the theme. To do so, follow the below steps:

  • Go to Themes > Customize > Theme settings
  • From the list of menu items displayed, scroll down to License Key menu item
  • Enter your License Key and click Save

License Key

Warring: If you put a duplicated license key number, the theme won't be activated

Require Apps

The list of apps must be set to use the theme

Ryviu App

To enable product review, please install below app:

Ryviu App

Create A Page

Setup Page

Setup Page
From your shop admin, go to the Online Store > Pages

Create a page
  • Go to the Online Store > Pages
  • Find and click on Add page button
  • Add page details and select Page Template

Create A Page

Click Save when you are done.

Templates Overview
Page Template Name Template Description
page Default page with boxed container
page.about Template with About Us page
page.contact Template with Contact page
page.lookbook Template with Lookbook page
page.loobook-show Template with Lookbook Show page
Custom Page
  • Create a new page
  • Write in the Title field page name > Select Visibility: Visible > Select Template: page.page
  • In the Content field click on Show Html button.
    Custom Us
  • Paste your code in the Content field in page editor
  • Click Save
About Us Page
  • Create a new page
  • Write in the Title field page name > Select Visibility: Visible > Select Template: page.about
  • Click Save
  • Go to Customize Theme. Select page with shopify navigation. Edit page with section settings

About Us

Contact Page
  • Create a new page
  • Write in the Title field page name > Select Visibility: Visible > Select Template: page.contact
  • Click Save
  • Go to Customize Theme. Select page with shopify navigation. Edit page with section settings

Contact Us

Lookbook Page
  • Create a new page
  • Write in the Title field page name > Select Visibility: Visible > Select Template: page.lookbook
  • Click Save
  • Go to Customize Theme. Select page with shopify navigation. Edit page with section settings

About Us

Theme Settings

In order to get started on configuring the theme, please go to "Themes" > "Customize" > Click on "Theme settings" tab.

Theme Settings Theme Settings

Color

Go to Theme Settings > Color section.

You can set color for text and link, color heder tranparent, footer as well as theme background color here. Please click on the item name to change its color.

Parameter Value
Color Primary Select text color for body, paragraph
Color Secondary Select text color for button, text link
Color Active Select text color when hover button, text link
Background Body Select Background Color for Body
Background Footer Select Background Color for Footer
Header

Go to Theme Settings > Header section.

Preview:

About Us

Settings:
Parameter Value
Top Message Enter Top Message text
Logo type Select Logo type (None, Custom or SVG)
Custom logo Select custom image logo
SVG Logo Code Enter SVG Logo Code in here
Display Fix Top Menu? Tick on the option to use Fixed Top Menu
Use custom icon Tick on the option to use Favicon
Collection Page

Go to Theme Settings > Collection Page section.

Settings:
Parameter Value
Filter Ajax Select Filter Tag use ajax (Yes/No)
Show label Tick on the option to show label (New, Sold Out, Sale Off)
Show image carousel Tick on the option to show list image per product item
Products per row Set number of product per row
Items align Set align of title, price, and review on the list
Filter Sidebar
Parameter Value
Show Filter By Category Tick on the option to Show Filter By Category
Filter By List Tick on the option to show label (New, Sold Out, Sale Off)
List categories for all products Enter collection value list (collection handle)
Filter Tag

By default, you can filter products with 2 filter types: By Color and By Size.

Filter made with tags, so all value from filter must exist from the product. Let me give you an example to explain how to set up to make this filter sidebar work.

We have filter by size with values: XXL, XL, L, M, S, and X.You need to enter these tags from the product page. The steps is as below:

  • Add the list of tags to "List Sizes" field. Please take note that each tag is separated by one comma, then click Save
  • Add tags to the product that you want to filter, then click "Save".

For Filter by Color, you just need to do similar as Filter by Size.

Parameter Value
Show List Colors Tick on the option to Show Filter By Colors
List Colors Enter list Colors
Show List Sizes Tick on the option to Show Filter By Sizes
List Sizes Enter list Sizes
Product Page

Go to Theme Settings > Product Page section.

Blog Page

Go to Theme Settings > Blog Page section.

Blog Sidebar

Lookbook Page

Go to Theme Settings > Lookbook Page section.

About Us Page

Go to Theme Settings > About Us Page section.

Contact Page

Go to Theme Settings > Contact Page section.

Cart Page

Go to Theme Settings > Cart Page section.

Payment icons

Go to Theme Settings > Payment icons section.

Tick on the option to show the socials network as you like.

Social Media

Go to Theme Settings > Social Media section

Enter your media URL on the icon which you want to display

Share

Tick on the option to show the socials network as you like

CheckOut

Go to Theme Settings > Checkout section.

Setting up your online checkout, please click here to go to the document

Section

Setup Page
Homepage Configuration, Drag & Drop Sections.

SlideShow
Preview:

About Us

Settings:
Loto
Parameter Value
Layout Select layout to show banner.
Slider Height Set height for slideshow
Add Slide You can click Add Image to add a new slide
Block Slide Settings
Loto
Parameter Value
Image Select image from libraries
Image on Mobile Select image from libraries (the image will show on mobile)
Image effect Select Image effect
Loto
Parameter Value
Style Select Style for Text
Text align Select Text align
Title Tick on the option to show title
Title Text Enter title text
Color Select color for title
Title effect Select show effect for title
Button Tick on the option to show button
Button Text Enter button text
Link URL Enter link for button
Button effect Select show effect for button
Text Section
Preview:

About Us

Settings:
Parameter Value
Show images Tick on the option to show image
Block Text Settings
Loto
Parameter Value
Images type Select Images type (Custom image or SVG)
Custom Image Select image for Custom Image
SVG Code Enter SVG Code if you select Image type is SVG
Title Enter title for this block
Content Enter content for this block
List Collections
Previews:

About Us

Settings:
Parameter Value
Collection Select collection for this block
Set Collection Image Set Collection Image is image default
Custom Image Select Custom Image
Custom Name Enter Custom Name if you do not show name Collection
Show Buttons Tick on the option to show button
Button Name Enter name for button
Collection List
Preview:

About Us

Settings:
Parameter Value
Title Enter title for Collection list
Title align Set align for Title
Collection Select collection will show on collection list
Products per row Set number of products per row for grid design
Row Set number Row
Show 'View all' button Tick on the option to show View All button
Blog Posts
Preview:

About Us

Settings:
Parameter Value
Title Enter title for Blog Posts
Title align Set align for Title
Blog Choose the posts to show
Post In Row Set number of posts per row for grid design
The Options Tick on the option to show these sections: Date, 'View All' button
Instagram
Previews:

Loto

Settings:
Parameter Value
Title Enter title for Instagram
Description Enter description for Instagram
Link your Instagram Enter link for description
Title align Set align for Title and Description
Tag name Enter user name for instagram
User ID Enter User ID for instagram
Access Tokens Enter Access Tokens for instagram

Credits

  • PhotoSwipe
  • Google Maps
  • Slick Carousel
  • jQuery Library

Support

If you have any questions, please do not hesitate to use our support - Contact Us
Check for details - https://www.fivebone.com
We are happy to help!