Noren

Responsive Shopify Theme

THANK YOU FOR PURCHASING OUR THEME!

Here are some basics on installing, configuring and customizing the EngoTheme,

BEFORE WE GO

The theme and the sample data is provided "as is". Customizing code and other design related issues can be done as freelance work on a $50-100$ hourly rate only with Paypal and/or Skrill, if EngoTheme's available.

If you are new to Shopify, please understand I cannot fix your site for free. EngoTheme would love to help everyone but there is no time. I suggest reading documentation available online regarding using Shopify, server requirements, etc.

If you like this theme please rate it.

Have a wonderful rest of your day!

EngoTheme Team

Install Theme

To install the theme, please log in to your Shopify store and go to the Online Store/Themes. From there, click on Upload a Theme and upload the .zip file from the ‘upload’ folder included with this package.

 

If your store is currently active and is using a different theme, you select button Publish theme what you have just upload.

 

Install Apps

To enable product review, please install below app:
Get App - Product Reviews

Configuration

Enable Customer Registration Form

From your shop admin, go to the Settings > Checkout at the sidebar
On Customer accounts section. Check Accounts are optional and click Save.
 

 

Setup

SETUP

To customize the theme, go to your Themes Page in your stores Admin Panel. Next to the theme you wish to customize there are two links 'Theme Settings' and 'Theme Editor', click 'Theme Settings'.
Before we begin customizing your store, we would like to notice that this section will help you to have some collections and products added and a blog article written. So if you already had an active store and you are just updating your design, you don't need to read this part. Otherwise, here are some links to help you to setup your new store:

You will also need to create 5 pages, one for the textual content that can be placed on the ' Frontpage ' as a welcome message and another for the ' Contact Page ' which you can link to the 'page.contact' template and 'About us Page' you need to associate it with 'page.about-us' templete, 'Lookbook Page' you need to associate it with 'page.lookbook' templete, 'Page Wishlist' you need to associate it with 'page.wishlist' . Linking these pages to the correct template will be covered in their respective sections within this documentation. Here is the link which help you to create custom pages.

Contact us page

Create Contact Us Page

Currently, we support 2 style Contact page: Style 1, Style 2.

First we need to create a new page, then select the page template for it is page.contact:

 

 

 
You can custom Contact page in CUSTOMIZE:
 
 
 
 
Settings Google Map:
 
 
 
 

 

NOTE:
You just CUSTOM CONTACT PAGE when you select template page.contact.
 

 

About us page


 

Create new page:

Similarly contact page, we create a page and then select the template page.about-us:
 
 
 
Then go to CUSTOMIZE > About Us
 
 
 
 
 
 

 

FAQ PAGE

 

Create new page:

Similarly contact page, we create a page and then select the template page.about-us:

 

 

Wishlist page

Create new page:

Create a page and put the template set page: page.wishlist:

 

Simply, only that, you do not need anything more settings anymore!

General settings

 

We allow you to edit:

- Favicon

- Loadding icon.

- Wow js

- Background(color, image)

- Custom image
 

Access the Header tab in the custom theme:

We have 2 different headers, you can optionally type header in the "header style '.
You must enter all the various fields in the header:
 
 
 
 
 

You can edit the footer in CUSTOMIZE:

Advanced Filtering

Advanced Filtering sidebar is built on top of Tags of Shopify. To make the feature work, you need to configure options in theme setting and add tags to your products (like variant option)
To use advanced filtering as in our demo page http://hosoren-2.myshopify.com/collections/all you need to do following steps:
Login to your Shopify admin panel and go to Themes --> Customize theme:
 
 
At Sidebar section, fill options that you'd like to show. We offer 5 options for you to show in your site: Color, Size, Price
 
 
 
Go to Products, click on the product that you'd like to show these options.
 
 
In Tags sections, you need to put tags that you'd like to show for this product and filled in the sidebar option.
 
 
For example: 
If you would like to filter by colour and size, your products have below options: red colour, gray colour, black colour, green colour, X size, XL size, M size. Then you need to fill in theme settings all these options. 
For a product A which has below options: Red colour, Gray colour, X size, XL size, you need to add below tags: red, gray, x, xl for this product
Note: the tags must to be same exactly

 

Home page settings

Here we have 10 different sections to the location you choose and the amount of the section appear on the homepage.
Access the Home page tab in customize themes to install.
Each section can have different styles:
 
 

 

Slideshow settings

Visit Homepage tab - in custom slideshow theme:

 

Here, get all the information and upload the pictures of the slider. We allow you to adjust the size, position, effects of components .. slider:

 

Policy settings

 

You need go to CUSTOMIZE complete the information fields.

 

Featureds Section style 1

Home page Featureds Section 1

 

Access tab Homepage - Featured section 1 in the Customize Theme:

 

Enter files, photos, and other information fields:

Products section style 1

Access tab Homepage - Products section 1 in the Customize Theme:

Enter files, photos, and other information fields.

 

Products section style 2

Access tab Homepage - Products section 2 in the Customize Theme:

Enter files, photos, and other information fields.

 

 

Products section style 3

Access tab Homepage - Products section 3 in the Customize Theme:

Enter files, photos, and other information fields.

 

 

Category style 1

Access tab Homepage - Category style 1 in the Customize Theme:

Enter files, photos, and other information fields:



 

Category style 2

Start Here

Access tab Homepage - Category style 1 in the Customize Theme:

Enter files, photos, and other information fields:


 

Collection settings

Access tab Collection in the Customize Theme:

Setting number of products displayed on the site collection.

 

You can choose 3 style sidebar:
 

 

 

Product detail settings

Access tab Product detail in the Customize Theme:

 

 

 

 

 

 

Enter files, photos, and other information fields.

Social share product settings

Social share only work in Product pages:

 

 



Width more SOCIAL #:

Social in footer:


 

Social in header style 2:
 

 

Currently we are using font icons:
https://fortawesome.github.io/Font-Awesome/cheatsheet

Code:
Footer:

      <li><a href="#"><i class="fa fa-twitter"></i></a></li>
      <li><a href="#"><i class="fa fa-behance"></i></a></li>
      <li><a href="#"><i class="fa fa-tumblr"></i></a></li>
      <li><a href="#"><i class="fa fa-dribbble"></i></a></li>

For each line on an icon.
To link , simply replace your url in the ”#”.
Ex:
<li><a href=”https://www.facebook.com/engocreative/” title=””><i class=”icon icon-facebook”></i></a></li>

Also you can add other icons in the font icon:
Instagram:
<li><a href=”#” title=””><i class=”fa  fa-instagram”></i></a></li>
Youtube:
<li><a href=”#” title=””><i class=”fa  fa-youtube”></i></a></li>
Google Plus:

<li><a href=”#” title=””><i class=”fa  fa-google-plus”></i></a></li>

.........

With http://fontawesome.io/cheatsheet/, you have a lot of ICON.
You find yourself a favorite ICON:

 

 

Blog settings

 

Access tab Blogin the Customize Theme:
 

Please enter a title, and upload a background image for the header.

Then you can choose one of 3 types of blog pages

You can CUSTOM Sidebar in BLOG:

 
 

Mailchimp settings

Access tab Mailchimp in the Customize Theme:

Enter files, photos, and other information fields.


Theme support

If you have any questions, please do not hesitate to contact us at [email protected] or support.engotheme.com. We are happy to help!