Thank you for your interest in and using the Organey template.
As you know, Shopify is an e-commerce platform that allows you to create an online sales website integrated with social networks, post products, cart, and checkout features, and process orders easily and quickly.
With Organey, you can easily customize the theme to suit your product and style. This guide will probably help you do it faster and simpler.
Some features in our theme
Sections - drag and drop.
Image Product autoresize to the same height
Countdown timezone
Google font
Purchased promo section
Catalogue mode
Quick View
Wishlist & Compare Product
Newsletter element using default Shopify functionality
Associating product options with image
4 levels drop-down menu
Ajax filters
8 and over FILTER GROUPS for filter options
Product thumbnails and zoom
Some Shopify tutorials you should know
Shopify has many very detailed and specific theme tutorials. Here are some parts that we think you should know to make your custom work easier.
In the process of customizing the theme, there will be times when you will encounter problems or errors. In this document, we have answered some common support and technology questions. If you can find the answer, don't worry, please contact us through some of the methods below.
All of your emails will be reviewed and checked carefully. However, depending on the number of support tickets and the request, the response time can be up to 1-2 business days. Besides, the support team doesn't work on the weekend, so our support work can also be limited. We will try to process and respond as quickly as possible.
When you buy the theme, you will be supported for 6 months from the purchase date. And if you want, you can buy the support service for 12 months. If your support time is expired, please extend your support time to continue using the service.
Hope you have the best experience working with us.
Installation
You can add multiple themes to your account and experiment with different changes to your published theme. Alternatively, you can also preview all of them, but can only publish one at a time, and when you switch to a new theme, you can still access your old theme on the Admin Panel of your Shopify store.
In this section we will briefly show you how to install the Organey theme in your store.
Upload theme
Steps to upload theme
Step 1:Download the package from themeforest.net (the file is in zip format)
Step 2:Extract the file which you have just downloaded. (Don't forget this step)
Step 3:Upload Organey.zip on your store
3.1.Log in to your Shopify store, click Online Store.
3.2.At Theme Library, click Add theme, choose Upload zip file.
3.3.After the Upload Theme dialog displays, you click Add File (or drop file to upload) to select the .zip file of theme source you want to upload.
3.4.Click Upload file.
3.5.Last, wait for the uploading process finishes, you can select Publish button to publish the theme you have just uploaded to be an active theme.
Install some essential apps
After completing the installation process, to improve the theme customization performance, we suggest you to install some of the following apps:
If you want to use the demo site data, store your data or import your data, you can use the export and import data functions on our theme.
In this section, we will guide you to do those jobs quickly and easily.
Import & Export Products
Import products
Steps to import products
Step 1:Log in to your Shopify store, click Products.
Step 2:Choose Import on the right-hand screen.
Step 3:After the Import products by CSV dialog displays, you click Add File (or drop file to upload) to select the .csv file product which you want to import.
If you want to overwrite the existing product with new data in the import file, you can click on the 'Overwrite any current products that have the same handle. Existing values will be used for any missing columns. Learn more'.
Step 4:Click Upload and continue.
Step 5:Click Import products.
Last:Wait for the product import in progress finishes.
Export products
Steps to export products
Step 1:Log in to your Shopify store, click Products.
Step 2:Choose Export on the right-hand screen.
Step 3:After the Import products by CSV dialog displays, you click Export products.
You can choose the options here according to your requirements or purposes
Step 4:The export file will be sent to the email address you used to register your admin account. Go to your mail and check the email sent to you to download the export file.
Import & Export Pages
Import pages
Steps to import pages
Step 1:Log in to your Shopify store, click Apps.
Step 2:Choose ExIm - Export Import pages app.
If you don't see this app in the apps list, please install it here
Step 3:On toolbar of the app, choose Pages tab
Step 4:Click Add File (or drop file to upload) to select the .csv file which you want to import.
Step 5:Click Import Pages.
Last:Wait for the import in progress finishes.
Export pages
Steps to export pages
With export pages from step 1 to step 3 will be same as import pages.
Step 4:Click Export Pages to dowload Zip file.
This file will auto dowload. And if you don't see the downloaded file, please click on the link in the notification to download it.
Last:Check the dowloaded file.
Import & Export Blog Articles
Importing and exporting Blog Articles does the same thing as importing and exporting Pages. If necessary, you can review how to do it in the Import & Export Pages section
Besides supporting import and export data of pages and blogs, ExIm - Export Import pages has a few other interesting functions. You can see instructions on how to use them here
Import & Export Reviews
3.1. Import Reviews
Steps to import reviews
Step 1:Log in to your Shopify store, click Apps.
Step 2:Choose Product Reviews app.
If you don't see this app in the apps list, please install it here
Step 3:Click Import reviews
Step 4:After the Import reviews by CSV file dialog displays, you click Choose file to select the .csv file which you want to import.
Step 5:Click Import reviews.
Last:Wait for the import in progress finishes.
If your import file contains errors you will receive a notification about the error logs. Don't worry about this. First of all, check the imported data first, then you can check and correct the missing or wrong records. Manually add or choose to re-import depending on your choice for these records.
Export Reviews
Exporting review is much simpler than importing.
Steps to export reviews
You just need to select Choose Product Reviews app (do the same steps 1 to 3 of import).
End then, Choose Export. The export file will auto-download and you just only check again this file.
The Export button only shows when review has data.
Theme settings
From your Shopify admin, click Online Store. Click Customize for the theme you want to customize. Click Theme Settings at the bottom of the left sidebar in Editor window. And you will see its config section on the right hand side of the screen
Generals
It defines keywords for search engines and the author of the shop. Besides, you can upload images and set background color for page loading without having to know the code.
Logo Header
With settings Logo header you can download 2 different logo images for homepage and other pages. In addition, you can customize the width of your logo.
Favicon
Right below the Logo header is the settings for the favicon. Here you can upload favicon images for your website. Alternatively, you can also upload your favicon rentina image if you want
Color
Here you can change the color of the website according to your ideas and style, from basic text color to links, buttons, borders, ...etc.
Typography
In the typography section, you can set the basic font for your whole website including font family, font size, font weight, line height and letter spacing. In addition, the previous section also has some basic settings for title tags from h1 to h6.
Layout
With the layout settings, you can freely choose between the header, footer and banner sliders that we have already set up.
Currency & Language
In case you want to sell products to many different countries, do not skip the config privacy and language section. I believe it will be very helpful for you.
However, to be able to convert between different currencies you need to follow these steps:
Steps to convert curencies
Step 1:Log in to your Shopify store, click Settings at the bottom on the left-hand screen.
Step 2:Choose General.
Step 2:On the Store Currency, click Change formatting and paste the following code to HTML with currency input and HTML without currency input.
To remove the 2 zeros after the product price, you can use the following code:
Currently, mobile is one of the most popular devices users use to access a website. In this theme we also integrated some mobile settings to make it easier to present the site on these devices. These include logos for mobile, content for menus like title tabs, categories, colors, ... etc.
Time countdown
In some cases, you want to display a counter for your marketing efforts. Try our time countdown.
Ajax cart product
You will be surprised with this function of ours. It helps you navigate the page after your customers add products to their cart. Let's have a look and discover its fun.
Product page
You can setting some attributes for gallery, label, element of products on product page.
Product ->collection page
You can choose some settings, it includes the labels and elements of product.
Product->variants
It shows options for the product variants.
Collection page
It shows layout, label, elements of product.
Blog page
You can setting layout, style and config sticky sidebar for blog page
Blog post page
You can setting layout, and config sticky sidebar for blog page
Shipping rates calculator
You can choose to show the status of payment method and more
Newsletter
It setups the newsletter form and more
Animations
It setups the animation for tooltip and product image
Social media
You can setup some social network as the facebook, twitter, google + and more
Login page
We created this section to help you change the background of the right part of the screen easily and quickly.
Password page
This page is usually displayed instead of the home page in case your site is in maintenance mode. Similar to the login page, you can also change the background image on this page right in the customize section.
Checkout page
Although it is not possible to change the tran checkout structure in shopify. But we can still change some parameters in this page through settings checkout.
Header
At this moment with Organey theme we provide you 4 Header Layouts for Organey template. You can choose a layout for your website:
To change the layout of the header, please see below for more detailed instruction:
Steps to change the header layout
Step 1:Log in to your Shopify store, click Online Store, choose Customize for the theme you want to customize.
Step 2:Click Theme Settings at the bottom of left sidebar, click Layout on the right sidebar
Last:Choose the header layout which you want. Please wait to see the result and save to public.
Here are some pictures to illustrate the above steps
Banner top page
You can use this section to push some of your events to the top like sale, welcome summer, ... etc.
By default we are turning it off on the theme, you can turn it on if needed.
To configuration Banner top page you can make the following
Step to Configuration Banner top page
Step 1:Log in to your Shopify store, click Online Store, choose Customize for the theme you want to customize.
Step 2:Click Banner top page at the top of left sidebar, you can see the setting on the right sidebar
Last:Make the changes you want to see the result and save
Top bar
This location is usually placed a few welcome slogans, a tab to change language and currency, some extension links such as contact, email, login. ...etc.
Depending on the layout you choose and how you configure it, the top bar can be displayed on the header or displayed as an icon in the right corner and at the bottom of the screen.
To configuration Top bar you can make the following
Step to Configuration Top bar
Step 1:Log in to your Shopify store, click Online Store, choose Customize for the theme you want to customize.
Step 2:Click Top bar at the top of left sidebar, you can see the setting on the right sidebar
Last:Make the changes you want to see the result and save
Header style
It includes the navigation bar and search, wishlist, cart icons. You can replace, turn on or off these sections in the right panel.
Main Menu
Menu is also a pretty important part of the website. It makes the website more convenient and contributes to improving the user experience.
At this theme, you can create dropdown menu, megamenu include: Home, Shop, Blog, Page,... and etc from Navigation bar.
Megamenu type
Dropdown type
Linklist (child) type
Item no child (lv 1) type
Banner (child) type
Vertical menu
Vertical menus are usually dated to the header section in the left sidebar. As for the configuration for this section, it is similar to the main menu. Please review the main menu instructions for configuration for this section.
Mobile Menu
This section is placed by us at the bottom of the left sidebar.
You can set up your mobile menu here add menu in left column and customize in the right column
Home page
Curently, Organey gives you 31 available Homepage layouts and you can create many other different Homepage layouts for your site based on 60 sections with Multi Headers and Multi Footers.
Please notice that: There are 02 ways to set up Homepage layout for your site:
Way 1:In settings of Themes --> Customize -> Sections -> Add Section which you want. This way you can create your own homepage according to your style and purpose
Way 2:You can import Homepage layouts from our Preset and we will guide you below.
Slide show
It is usually under the header and includes Heading, Subheading, Space between, and button elements.
Steps to configuration
Step 1:Log in to your Shopify store, click Online Store, choose Customize for the theme you want to customize.
Step 2:In the Home page, click Slideshow at the left sidebar, you can see the setting on the right sidebar
Last: Choose one of the Heading, Subheading, Space between, and button elements and click on them, and the settings on the right panel.
Collection list
It includes items on the left panel, they show on the home page.
You can click on a item(block) then you can change the image, button texts and link to collection or page on the right panel.
Collection list type 1
Collection list type 2
Tab collections
It shows number tab on this section. You can set the attributions of tab on the right panel, it includes the heading, number of products and layout on tab.
You can set the attributions of tab (on the right panel) by click on a tab (on the left panel).
Banner images
It includes items on the left panel, they show on the home page.
You can click on item then you can change the image, button texts and link to collection or page on the right panel.
Products Collection grid
Products Collection grid lets you alter the way your product is displayed to the user.
You can set the attributions of this section on the right panel. You can change the collection, number of product on each device as the desk top, mobile phone.
Blog posts
You can turn on or off, change background, number items on desktop, tablet, mobile devices. Also you can add more from the left panel.
Countdown Products
Let add countdown time change your product image and link in the right column.
In addition, we also have many other sections, you can search and find the section that suits your design ideas.
Footer
At this time with Organey theme, we offer you 2 Footer Layouts for Organey template. You can choose layout for your site:
Changing the footer layout is similar to the header. Please review the instructions here
Footers are usually in the sections near the bottom of the left sidebar. You can find it here to configuration it
Top footer
This section usually contains newsletter form.
Bottom Footer
This is the place to store information about the store or auxiliary links for the main menu to make the site more convenient when you can find links to other pages without going back to the top.
With columnar content you can go there to edit and reconfigure them
Other Pages
At Organey you will find many different purpose pages with modern and beautiful designs that suit many styles.
Collection List Page
This is the page that shows the list of collections which have been added to your store.
Collection Page
This is the page that shows the list of products in your store by category.
Collection sidebar
Show filters in different locations you can go here
Filter Tag
You can create Filters tags here by adding all your product tags.
Example: Chairs|Lamps|Furniture|Decor Art|Kitchen Things
Content
You can change the number of products displayed on a row in the right column.
Infinit scrolling
You can go here to select Infinit scrolling and Load more button for page Collections.
Infinit scrolling auto load
Infinit scrolling click to load
Collection 2.0 Page
In the new version, the filter will be displayed automatically without fake data like in the previous version
Products Page
This is the page that shows the detail infomation about a product.
You can change the team and position of the content here by dragging and dropping.
Inventory Quantity
Add countdown qty bar.
Countdown time
Add countdown time in product.
To add time you can go to the product editor and create a time tag for this product with the syntax: (yy / mm / dd hh: ii: ss) => (2022/09/03 23)
Free shipping
Add Free shipping bar in your product.
After you add it in the right sidebar Product information
Next you go to Theme settings => Product page and turn it on and set a price limit for free shipping
Product zoom360
Shopify Admin Sidebar > Products > All Products > Go to the product you want to create zoom360
Add photo tag zoom_360_img to product and add photo. And then using Add media, add photos from different angles of the zoom360 product.
Noteng that the image file name is “zoom_360_img-{index}” or “zoom_360_img_{index}” with the "index" being the image order, and do not put a zero before the index.
You can configure your blog page in the right column
For Blog Category you have to create a menu with "Handle" = blog-category it will automatically recognize and put it in your blog's sidebar column
Features
Here are some functions available on Organey.
Cross sell popup
It’s in the footer. You can study and see more setting on the right panel.
Newsletter popup
You can change the image and customize the Newsletter popup on the right side.
Product Zoom
With many custom properties, your store will have a beautiful and professional zoom
Sticky cart
This function makes your product page more useful. Users will not need to return to the product information section where the add to cart button is located if they want to add products to the cart while scrolling through that section.
Quick view
The quick view makes it possible for us to see detailed product information without having to switch to the product page.
Wishlist & compare
You can completely compare product information to be able to choose a more suitable product through the add to compare function. Besides, if you want to save a favorite product, you can use the add to wishlist function.
Minicart
This is the place to quickly display the products that have been added to the cart.
Login & register popup
Registering or logging into your account will become faster and simpler with the login and register popup.
FAQs
Below we have compiled some of the questions and answers to those questions. If the problem you are facing cannot be found here please contact us in some of the following ways:
I want to install the theme so that it is identical to the demo site including all data and images?
To install the shopify theme, please review our instructions in the Installation section. Besides, Shopify currently does not support import and export for image files. So the theme you upload will not have an image and if you want to have an image like the demo page, unfortunately there is no other way but you have to manually add the image in the customize section.
How to settings theme?
How do I change the language on my admin page?
You can do so by heading to the Settings > Users and permissions > choose your staff account or store owner (if you owner) > scroll to Preferred Language > choose language which you want for admin page. You also see the detail guide in the following blog posts: How to change the language for the admin page in Shopify?
How do I change the color of the theme?
Changing the color on the theme has 2 types. The first type is the main color on the theme. For this type you can see instructions for changing colors here. In addition, within each section you select, there can be separate configurations for each section. You can click on the section that you want to change the color to view and change the color for them.
I want to change the font for the website, where can I change it?
Same as color change. The font also has 2 type. The first type is the main font on the theme. For this type you can see instructions for changing colors here. The 2nd style is change in section, there can be separate configurations for each section. You can click on the section that you want to change the font to view and change.
How to settings header and menu?
I don't know how to add and edit main menu and vertical menu. Please show me how to create it. Thanks.
The configuration for main menu and vertical menu is the same. And, we have also included instructions for this section. Please review the instructions here
If your current menu is longer than the height of the screen and you don't see where to add items, scroll down a bit and click add block to add the menu item style you want. In addition, with the new version, Shopify has a very convenient editor support. You should try using it.
I want to add maga menu like demo page. Please show me how to do it. Thanks.
You can watch the video on how to add mage menu below
How to setting collection page?
How can I show option for color, price, tag,...ect in filter in sidebar of collection page?
To display filters for these sections, you can review our instructions in the collection sidebar and filter tag section.
How to create multi language and currency store?
My store is using only 1 language and 1 currency, but when I have config in admin, but still see multi language and currency display. How to handle this problem on your theme? Thank you.
Currently on our theme, there is a config section in settings related to multi currency. You can review the instructions here
However, if your store only accepts payments in a single currency, leave the inout Supported Curencies and Default currency fields blank. Leaving a value in these two input fields can cause cache on your site, and it will affect your customers' web experience.
Thank you for using our theme and service. If you have any questions. Please contact us via email adress support@alothemes.com. And don't forget to give us a good review if you are satisfied with the theme and service. Any comments will help us improve and improve the quality of our products and services. Thank you very much.
