Tronex -  Multipurpose Shopify Theme

  1. Welcome
  2. Theme Installation
    1. Install Theme
    2. Install App
  3. Theme Configuration
    1. Customer Registration Form
    2. Shipping Rates
    3. Currency Setting
  4. Navigation Setup
    1. How to Add New Menu Navigation
    2. Create Megamenu
  5. Page Setup
    1. Contact
    2. FAQs
    3. Lookbook
    4. Wishlist
    5. Blog
  6. Home Page Sections
    1. Header
    2. Footer
    3. Slideshow
    4. Collection List
    5. Featured Collection Tabs
    6. Products Rows
    7. Products Slider
    8. Image with text overlay
    9. Image with text
    10. Blog
    11. Testimonial
    12. Our Brand
    13. Instagram
    14. Store Features
    15. Map
    16. Custom Content
  7. Collection Page
  8. Product Filters
  9. Product Page
  10. Product Variants
  11. General Settings
    1. General Options
    2. Typography
    3. Colors
    4. Currency
    5. Social media
    6. Newsletter Popup
    7. Quick View Popup
    8. Product Notification
    9. Checkout
  12. Translations
  13. Theme Support

Thank you very much for Your purchase !

If you have any questions that are beyond the scope of this help file, please feel free to submit a ticket at http://adornthemes.com/support/

Thank you very much! Below you will find the documentation on how to install and use the theme. Cheers !

Be familiar with shopify



  1. Setup of Your Shopify store
  2. Installing new themes
  3. Updates themes
  4. Add Products
  5. Creating product collections
  6. Menus and links
  7. Blogs
  8. Add Pages

Install Theme


Installation is very easy and quick.

  1. Download Tronex Package(Zip File) from TemplateMonster. Extract all files from tronex-package zip file. You will find different demo zip files. You can upload any demo zip file or create your own. All demos have all the features of the theme

    Don't upload "themeforest-22487533-tronex-multipurpose-shopify-template.zip" file.

  2. Go to Store Admin >> Online Store >> Now click on Upload Theme >>

  3. By Default your uploded theme is unpublished. Another theme is runing in your store. Now to publish uploded theme click on Publish Theme

    you can select any demo which is best suits for your store. All the demo contains all the features of the theme. You can select any demo.

Install App


  1. Product Review app [Free]

    To enable Product Review to your store, please install this app: Product Reviews App

  2. How to install app?

    Go to Store Admin >> Apps >> Click on Visit Shopify App Store >> Search "Product Reviews" App

Theme Configuration


When you set up your online store, there are many settings that are not enable by default. You will need to do it manually

Enable Customer Registration Form


  1. Go to Store Admin >> Settings >> Checkout

Set up shipping rates


  1. Go to Store Admin >> Settings >> Shipping

Currency Settings


  1. Go to Store Admin >> Settings >> General

  2. Scroll down to Standards and formats section and click on Change formatting link

  3. Update these fields

    HTML With currency to

    HTML without currency to

Create Megamenu and Dropdown


Checkout Quick video
  1. Create Megamenu

    Go to Store Admin >> Online Store >> Customize >> Sections >> Header >> Scroll Down to Navigation

  2. Click on Add content to add links to menu
    There are 5 style in main menu as below

    • Home Link
    • Single Page Link
    • Simple Dropdown
    • Megamenu Style 1
    • Megamenu Style 2
    • Megamenu Style 3
    • Megamenu Style 4

    First Checkout all the possible style of megamenu

    Simple Dropdown

    Megamenu Style 1

    Here you can set 2 column, 3 column, up to 5 columns, Featured product and Single Banner. You can display menu column with multiple rows

    Megamenu Style 1 with 3 column menu (2 rows), Featured Product and Banner All options are flexible.


    Megamenu Style 2

    Here you can set 3 column, 4 column, up to 6 columns and 3 diffrent banner at the bottom of menu column You can display menu column with multiple rows

    For Banner, You can set either 1, 2 or 3 banner.



    Megamenu Style 3

    Here you can set 1 column, 2 column, up to 5 columns and banner at the top of each column. You can display menu column with multiple rows


    Megamenu Style 4

    Here you can set 2 column, 3 column, up to 5 columns with background image.

  3. Add Home Link :

    Online Store >> Customize >> Sections >> Header >> Scroll Down to Navigation >> Click on Add content >> Home Link

  4. Add Single Page Link :

    Click on Add content >> Single Link

    Here you can add label which will display above link .i.e Sale,new,deal..

  5. Add Dropdown :

    Click on Add content >> Dropdown menu >> Select Menu

    You can display labels here. Here you can select dropdown menu you created from Navigation Setting. Checkout below steps and screenshot for dropdown menu Men

  6. Add Megamenu :

    Click on Add content >> Select any from Style 1, Style 2, Style 3, Style 4

    You will need to create many multi-level drop-down for megamenu

    For example : If you want to display megamenu for "Women" as shown below

    Go to Store Admin >> Online Store >> Navigation >> Add Menu

    Add menu items in menu as shown below and click save

    Now to add Menu links for Clothing, Add menu items in the same way and then drag that menu item under relavant menu item ( your choice )

    Repeat the same steps to add links under all other menu items.

Page Setup


You can create as many pages as you want. Here is the link which will help you to create custom pages.

Checkout Quick video

Contact Page


  1. Go to Store Admin >> Online Store >> Pages >> Click Add page:

    Click Save Button

  2. Add contact page detail from Contact page Section

    Go to Store Admin >> Online Store >> Customize >> Select Contact Page from top dropdown >> Click Contact Page section

  3. To add/edit contact field, please follow below guide:

FAQs Page


  1. Go to Online Store >> Pages >> Click Add page:

    Click Save Button

  2. Add Faqs from FAQs page Section

    Go to Store Admin >> Online Store >> Customize >> Select FAQs from top dropdown >> Click FAQs Page section

Lookbook Page


  1. What is lookbook page?

    A lookbook page contains a collection of photographs which has become essential for store owner showcasing new collections through images that convey a “feel” or story for the new season. it's a kind of catalogues. Lookboook can also be used to promote special discount or special offers

    Go to Store Admin >> Online Store >> Pages >> Click Add page:

    Click Save Button

  2. Configure Lookbook: There are 2 style for lookbook:

    Go to Store Admin >> Online Store >> Customize >> Select Lookbook from top dropdown >> Click Lookbook Page section

    You can select any style either Lookbook 1, lookbook 2

Wishlist Page


  1. Go to Store Admin >> Online Store >> Pages >> Click Add page:

    Click Save Button

Blog Page


  1. Checkout below url to to learn about how to create blog page

    How to create a blog and write an article

  2. Go to Store Admin >> Online Store >> Customize >> Select Blogs from top dropdown on >> Blog Pages

Blog Sidebar Settings

  • Layout :

    There are 2 style of blog page. List and Grid select any one.

  • Sidebar Position

    Select the position of the sidebar on the blog page.

  • Show author, Show date, Show Category, Show Recent Posts

    Select to show on the page.

  • Show Collection

    Select to show any collection from your store in sidebar

Home Page Sections


Sections allows user to easily add or move content on their homepage with just a few clicks. You can preview your changes in real-time in either desktop or mobile view

There are 25+ sections available to use.Total 18 sections available on home page any time you can add, update, reorder and delete any section

  1. Here You can configure Header, Footer, Home Page, Product Detail Page, Product age, Blog Pages and many more..

    Go to Store Admin >> Online Store >> Customize >> Sections

Slideshow


  1. Slideshow Default
  2. Slideshow Image Only
  1. Slideshow Default

    Go to Store Admin >> Online Store >> Customize >> Sections >> Slideshow - Default




  2. Slideshow Image Only

    You can choose your owl style image. Image will not crope with this option

Collection List


Go to Store Admin >> Online Store >> Customize >> Sections >> Collection List

Style 1



Style 2



Style 3



Style 4

Featured Collection Tabs


Go to Store Admin >> Online Stores >> Customize >> Sections >> Featured Collection Tabs

Settings

  • You can add up to 8 Collection Tab

  • Desktop:

    Number of products to show in row for Desktop View

  • Tablet:

    Number of products to show in row for Tablet View

  • Mobile:

    Number of products to show in row for Mobile View

  • Number of Products to show :

    How many products want to show on home page

Products Rows


Go to Store Admin >> Online Store >> Customize >> Sections >> Product Rows

Settings

  • You can display products with multiple rows

  • Desktop:

    Number of products to show in row for Desktop View

  • Tablet:

    Number of products to show in row for Tablet View

  • Mobile:

    Number of products to show in row for Mobile View

  • Number of Products to show :

    Number of products to scroll or Number of products to show on home

  • View All

    You can enable this button to redirect your customer on age

Products Slider


Go to Store Admin >> Online Store >> Customize >> Sections >> Products Slider

Settings

  • You can display products with Carousel

  • Desktop:

    Number of products to show in row for Desktop View

  • Tablet:

    Number of products to show in row for Tablet View

  • Mobile:

    Number of products to show in row for Mobile View

  • Number of Products to show :

    Number of products to scroll or Number of products to show on home

Image with text overlay


Go to Store Admin >> Online Store >> Customize >> Sections >> Image with text overlay

Settings

  • Enable Parallax Scrolling

    You can select this checkbox for parallax scrolling

  • Section height:

    You can manage section height - Small, Medium, Large, Xsmall

  • Text size:

    You can manage text size - Medium, Large

  • Main Heading Font Weight:

    You can font weight for main title - Light, Normal, Medium, Semibold, Bold

  • Change Colors from

    Theme Settings >> Color >> Image with text overlay

Image with text


Go to Store Admin >> Online Store >> Customize >> Sections >> Image with text

  • Pair large text with an image to give focus to your chosen product, collection, or other offers. Add details on availability, style, or even provide a review.

Blog


Go to Store Admin >> Online Store >> Customize >> Sections >> Blog Posts

Settings


Testimonials


Testimonials are an extremely important part of the success of your business.Testimonials and reviews affect the trust your customers have for your brand, as well as the overall credibility of your business.

The greater the number of positive feedback you receive about your products and services online, the better your reputation will be.

So here is how to add testimonials on your store

Go to Store Admin >> Online Store >> Customize >> Sections >> Testimonials

Our Brand


Go to Store Admin >> Online Store >> Customize >> Sections >> Logo list

Instagram


Using Instagram Gallery on your site allows you to connect with customers across multiple channels and increase cross-channel engagement.

Instagram photos on your stores allows you the opportunity to connect with customers where they are. Instagram drives more engaged traffic than any other social channel.

So what are you waiting for? Go to Theme section and add instagram section on your store.

Go to Store Admin >> Online Store >> Customize >> Sections >> Instagram

Store Features


Go to Store Admin >> Online Store >> Customize >> Sections >> Store Features

Settings

Map


You can show map on home page as well as contact us page

Go to Store Admin >> Online Store >> Customize >> Sections >> Sections >> Map

Settings

Custom Content


Go to Store Admin >> Online Store >> Customize >> Sections >> Custom Content

You can show Text, Image, Video, Product, Collection, Custom HTML any where on home page as per your requirement using this section

Have a look on some examples of custom content use

Collection Page


Go to Store Admin >> Online Store >> Customize >> Select Collection Pages from top dropdown

We have included lots of options to display age.
So you can choose your own style for age. No need to worry for any codes.

  1. Left Sidebar

    Page sidebar is very powerful. We have included lots of options to display page sidebar.

    You can add unlimited filters, Populer products (Either you can use list or slider), Static text block and Promotion banner. Product filters worked on product tags. So carefully enter product tags at both side.


  2. Page Content

    You have multiple choice for Page

    1. Left Sidebar
    2. Right Sidebar
    3. Full Width
    4. Sidebar Popup
    5. List View
    6. Category Slideshow
    7. 2 column grid
    8. 3 column grid
    9. 4 column grid
    10. 5 column grid
    11. 6 column grid

Configure some other options for products from

Store Admin >> Online Store >> Customize >> Theme Settings >> General Options >> Product List Settings

Product Filters


Advanced Filtering is built using tags of shopify. Tags are case sensitive. So if you have enter tags in small letter in sidebar assign tags in small to product also. In your store you can see Advanced filtering on top of left sidebar of collection page (As Product Filters)

Checkout Quick video
  1. To use advance filtering on your store, follow below simple steps

    Go to Store Admin >> Online Store >> Customize >> Select Collection Pages from top dropdown

  2. There are unlimited filters available for your products.

    Scroll down to "SIDEBAR & FILTERS" and click on Add Content links at the bottom. Select Filter By option. Remember to add color filters select Filter By Colors option. Once you add blocks for Filter, Add title and tags into box separated by comma as shown below


    You must assign the same tags to your products to enable filtering.


    Filter By Color :

    When you select Image Upload for Swatch Layout Option,
    Image name must same as color name and in lowercase.
    Use '-' instead of space. Examples (Black = black.png, Navy Blue = navy-blue.png).

    Upload images from >> Store Admin >> Settings >> Files

  3. Go to Store Admin >> Products >> Add Product >>

    In Tags sections, Enter all tags that you'd like to use to filter products. Have a look on below screenshot

    Note: Tags must be entered in Collection Page Sidebar Filter Blocks

Product Page


Settings

  1. Product Layout
    1. Style 1 : Content align left
    2. Style 2 : Content align center
  2. Enable image zoom
  3. Show product reviews
  4. Show product availability?
  5. Show product vendor?
  6. Show product type?
  7. Show product SKU?
  8. Show product short description?
  9. Show quantity Message?
  10. Show countdown time?
  11. Show social sharing buttons?
  12. Show product navigation?
  13. Product swatches - You have multiple options for variants i.e Image swatch, dropdown style, color swatch, rectangle, square and many more...
  14. Products Tabs
  15. Support 6 product tabs
  16. Show and manage related products

Product Metafields

By default, Shopify does not allow you to add new custom field for product. So with Tronex we will help you to understand how to add custom field to your store. 

The first you need install this extension on your chrome by go to this link: http://shopifyfd.com/

Now go to product page, you need click to ShopifyFD icon and metafield will show

  1. Product Video

    namespace: meta
    key: video
    value: youtube url

    You need define metafield name like this and in value, you need to enter youtube video link

    Now you can see product video on product detail page

  2. Product Short Description

    namespace: meta
    key: short_des
    value: add html here

  3. Product Countdown

    namespace: meta
    key: countdown
    value: date in (mm/dd/yyyy) format

  4. Product Graphic

    namespace: meta
    key: sizechart
    value: image or html

    If you don't upload this graphic, global graphic will appear in tabs (same graphic for all products) which you can add from customize >> Product Page >> Scroll down to "Show Tab 3"

Product Variants


  1. We advise reading and familiarizing yourself with the Shopify Variants. It is an extremely well written and easy to understand.

    Image Swatch Round

    Other Style for Product Swatches


    Go to Store Admin >> Products >> Add Product >>

    Enter product title, add product images, add product tags, other details and now scroll down to Variants box and click on Add Variant

General Settings


Go to Store Admin >> Online Store >> Customize >> Theme Settings

General Options


  • Select Layout :

    Default

    Boxed Layout : Fully boxed layout

    Full Width Layout : No fixed width of site.

  • Enable RTL :

    Text direction will be from right to left

  • Logo Icon :

    Small logo for sticky header

  • Show Sticky Header :

    Select to show sticky header on your store. ( Navigation stick to top when you scroll page)

  • Scroll To Top

    Show Scroll to top arrow in bottom

  • Enable Animation Effect

    Select to show scroll animation on site.

  • Disable Animation Effect On Mobile

    Select to hide scroll animation on mobile site.

  • Enable Ajax Cart

    Select to show Add to cart popup

  • Enable WishList

    Select to enable wishlist for your customer on your store

  • Image for colors swatches

    Select this option when you use image option for color swatches

Typography


  1. Set Font Family and Font Size here for your store

Colors


  1. You have lots of options to config the Color of whole theme, Header, Footer, Page, Page Title, Section Title, Buttons, Price, Products tabs and many more...



    and many more color options from store admin

Currency


  • Enable currency conversion :

    Select to show the currencies on store

  • Format :

    There are 2 options: Without Currency, Ex: $10 and With Currency, $10 CAD

  • Supported currencies:

    Add the currencies, seperated by the space.

  • Default currency:

    Enter the currency you want to set the default for your store

Social Media


Newsletter Popup


Popup With Image

Popup Without Image

Quick View Popup


Product Notification


Show live stream of products to your customers if anyone likes or bought product..



Checkout


Checkout Settings

You can do settings for Banner , Logo , Main Content Area , Order Summary , Typography and Colors of Checkout Page.Checkout can not be customize like other shopify page

Translations


Go to Store Admin >> Online Store >> Actions >> Edit language:

Here's a quick way to change some of the more commonly text or you can use other language

Theme Support


If you have any questions, please feel free to submit a ticket at http://adornthemes.com/support/. We are happy to help you!