Tomoko
Organic Food/Fruit/Vegetables Responsive Shopify Theme
HELLO ! FIRST OF ALL WE WOULD LIKE TO THANK YOU SO MUCH FOR CHOOSING OUR THEME!
Here are some basics on installing, configuring and customizing the Engo Theme.
If you have any questions that are beyond the scope of this help file, please feel free to contact us via email :
engotheme@gmail.com or visit our support forum at:
http://support.engotheme.com
We truly appreciate and really hope that you'll enjoy our theme!
If you like this theme, Please support us by rating us 5 stars (
How to rate?)
Best Regards,
EngoTheme Team
Introducing Tomoko - Organic Food/Fruit/Vegetables Responsive Shopify Theme
Tomoko is a highly flexible, responsive Shopify Theme. It's built on Bootstrap 3 and looks great on Desktops, Laptops and Mobile devices. With unique cool designs, modern, stylish, intuitive assistant and 9 Unique Home layouts, Tomoko is a good choice to build your online store. The Tomoko shopify theme supports 3 view modes for product listing page: Grid view, List view and Masonry view, all the views are lean, show info that user wants.
The theme includes all shop pages: Product listing, product detail, add to cart, checkout, quick view ... with customized layout and style to make it look incredible. The product filtering system is powered with the integration of modules: Categories list, Filter based on product attribute, New products, Related products... to help user find out their best fit items at a glance. The Shopify theme is easy to customize with the Theme Customizer tool that let you change settings for most of the pages, sections in the site based on predefined parameters.
The multi-purpose responsive Shopify theme is SEO optimized that makes your site friendly with Search Engines, CSS and JS compression helps to improve your site performance a lot.
After purchased our theme, you need to go your download area, click on button Download and select download All files & documentation.
Once the download is complete, unzip the file and you would see the following packages:
- Guides - our detail documentation for the theme
- Licensing - the theme license
- Samples - Sample data for manual installation
- PSD - the PSD files of the theme
- Source - All Themes include
Theme Installation
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.
- Step 1 – From your Shopify admin, click Online Store > Themes
- Step 2 – Click Upload a theme in the top righthand corner
- Step 3 – The Upload A Theme dialog displays. Click Choose File to select the Tomoko-home1.zip file you want to upload, then click Upload.
-
Step 4 – The uploaded theme appears in the Unpublished themes section of your Themes page. Now that you've installed the theme, you can publish it orcustomize it as you choose.
App install
-
https://apps.shopify.com/product-reviews
Setting Currency
Enable Store
Create Collections
You may know how to creat collections in Shopify, we have only some small notes.
There are some notes:
We should use same image size for all collections image
We should enter the collection description.
Create Products
You can import sample products ( as our demo ) or create new products.
1. Import Sample Products
Step 1 – From your Shopify admin, click Products
Step 2 – Click
Import in the top righthand corner..
Step 3 – The Import products by CSV file dialog displays. Click Choose File to select the products_export.csv ( in folder Sample Data) file you want to upload, then click Upload.
Step 4 – Click to Upload file
2. Create New Products
Create Posts
Create Contact Page
To create contact page, create a page with title is "Contact us". In "Template" box, select template is "page.contact".
and then setting contact us page in customizer:
About us page
To create About us page, create a page with title is "About us". In "Template" box, select template is "page.about".
and then upload about us in customizer:
Create Wishlist Page
To create contact page, create a page with title is "Wishlist". In "Template" box, select template is "page.wishlist".
In Tomoko theme, we support 10 Sections for builder home page and other landing page.
You can see sections in customize control panel.
+ Section Slider
In this section we added 6 sliders for work and you need config values bellow for each slider:
- Enable Slider x: Enabled this slider x
- Slider x: Upload background image for main slider.
- Content x images: Images for this slider.
- Content x: Desctiption for this slider.
- Button Url: Link url for button in this slider
- Button Icon: Icon for button in this slider
- Button Name: Name in button of url
- ID Video Youtube: Ex: link youtube: https://www.youtube.com/watch?v=Ew-OZvtTFzg -> ID: Ew-OZvtTFzg
After configuration, this section will be showing like this:
+ Section Service Box
You need config values bellow for each Service Box:
- Enable service box x: Enabled this Service Box x
- Box x Icon: Icon Service Box x.
- Box x Title: Title Service Box x.
- Box x Description: Description Service Box x.
- Box x Content: Content Service Box x.
After configuration, this section will be showing like this:
+ Section Call to Action
You need config values for each Call to Action bellow:
- Enable Action x: Enabled this Action x
- Action x Background: Background Action x
- Action x Icon: Icon Action x
- Action x Title: Title Action x
- Action x Description: Description Action x
- Action x Button Name: Name in button of Action x
- Action x Button URL: URL in button of Action x
After configuration, this section will be showing like this:
+ Section Featured Products v1
In this section we added 3 product. You need config values for each product bellow:
- Featured Products Title: Name of Section Featured Products v1
- Enable Featured Product x: Enable Featured Product x in Section
- Dropdown Select Featured Product x: Select Featured Product x in Section
After configuration, this section will be showing like this:
+ Section Featured Products v2
You need config values for each collection bellow:
- Featured Products Title: Title of Section
- Select Collection: Select Collection.
- Limit Products: Number Products show display
After configuration, this section will be showing like this:
+ Section Price Table
You need config values for each product in Price Table bellow:
- Price Table Background: Background in Section Price Table
- Price Table Title: Title of Price Table
- Price Table Collection: Collection All Product of Price Table
- Price Table Icon Items: Icon All Product of Price Table
After configuration, this section will be showing like this:
+ Section Accordions and Latest Posts
In this section we added 4 in 8 FAQ and 4 in 8 Latest Posts in Section Accordions and Latest Posts. You need config values for each collection bellow:
- Section FAQ:
- Enable Accordions FAQ?: Enable Section Accordions FAQ
- Enable FAQ x?: Enable FAQ x
- FAQ x Title?: Title FAQ x
- FAQ x Content?: Content FAQ x
- Section Latest Posts:
- Enable Latest Posts?: Enable Section Latest Posts
- Enable Latest Posts x?: Enable Latest Posts x
- Latest Posts x Background?: Background of Latest Posts x
- Latest Posts x Title?: Title of Latest Posts x
- Latest Posts x URL?: URL of Latest Posts x
- Latest Posts x Button Name?: Name in Button of Latest Posts x
After configuration, this section will be showing like this:
+ Section Brand
In this section we added 9 Image Brand. You need config values for each collection bellow:
- Brand Title: Title of Section Brand
- Enable Brand x: Enable Brand x of Section Brand
- Brand Image x: Image of Brand x
After configuration, this section will be showing like this:
+ Section About Us
You need config values for each collection bellow:
- Title: Title of Section
- Content: Enable Brand x of Section
- Button Name: Name in button of url
- Button Url: Link url for button
- Button Icon: Icon for button
- ID Video Youtube: Ex: link youtube: https://www.youtube.com/watch?v=Ew-OZvtTFzg -> ID: Ew-OZvtTFzg
After configuration, this section will be showing like this:
+ Section Collections v1
You need config values for each collection bellow:
- Enable Collection x: Enabled this collection x
- Select Collection: Select Collection.
- Collection x Background: Background for collection x.
- Enable Collection x Pull Right? Enable this Collection x Pull Right.
- Collection x Button Name: Name in button
- Collection x Button Icon: Icon for button
- Collection x Product Limit: Number Products show display
After configuration, this section will be showing like this:
+ Section Collections v2
You need config values for each collection bellow:
- Enable Collection x: Enabled this collection x
- Select Collection: Select Collection.
- Collection x Background: Background for collection x.
- Collection x Button Name: Name in button
- Collection x Button Icon: Icon for button
After configuration, this section will be showing like this:
+ Section Hot Products
You need config values for each collection bellow:
- Hot Products Title: Title of Section
- Select Collection: Select Collection.
- Limit Products: Number Products show display
After configuration, this section will be showing like this:
In Home page 1, we used sections bellow:
Config position for each section in home 1, see photo bellow:
Choose a section in select box for section 1 to section 7
In Home page 2, we used sections bellow:
Config position for each section in home 2, see photo bellow:
Choose a section in select box for section 1 to section 8
In Home page 3, we used sections bellow:
Config position for each section in home 3, see photo bellow:
Choose a section in select box for section 1 to section 9
Collection page
-
Add new collection or edit collection
-
Add products for collection
-
Set view mode for collection
in this theme, our support 3 view mode for collection, you can sellect an option for each collection as photo bellow
Product page
Template Product Detail
Template Classic
Template Standard
Setting for profuct page
Tomoko support 4 widget for sidebar
Follow photo bellow to config your widgets
Detail Widgets for Sidebar
Categories (with Dropdown Category)
You need add menu and dropdown menu (Go to this page https://help.shopify.com/manual/sell-online/online-store/menus-and-links#create-a-drop-down-menu to know how to create dropdown menu in Shopify). See the image below:
Then you need Add link to Categories. See the image below:
Brand
You need add vendor(Brand) for that product. See the image below:
Filter by Price
To add a filter attributes for a product, you need add the tag filter for that product. See the image below:
Top Rated Products
You need add products in Collection. See the image below:
If you are unable to find your answer here in our documentation, please go to our forum and post up a new topic with all the details we need. Please be sure to include your site URL as well or send us an email.
Our support scope
Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.
Our support time
We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.
Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.