Zoa, theme documentation
Below is the detailed documentation for the Zoa theme
Below is the detailed documentation for the Zoa 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 ShopiLaunch. If you have any questions that are beyond the scope of this help file, please feel free to contact us via email : [email protected]
We truly appreciate and really hope that you'll enjoy our theme!
Best Regards,
Purchase another our best themesShopiLaunch Co., Ltd
Zoa is a highly flexible, Minimalist 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 6 Unique Home layouts, Zoa is a good choice to build your online store. The Zoa shopify theme supports 3 view modes for product listing page: sidebar , 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 Multi Store 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.
You can change how currencies are displayed on your store.
You can install app from the link: MetaFields Editor
Note: This app is required and this app used free.
You can install app from the link: Product Reviews
Note: This app is required and this app used free.
The first, you need read about menu here: Menus and Links
Example: If you want make Menu show like this.
1. On Navigation tab you can click Add Menu to create submenu.
2. You need create 2 submenu and each them you need create new one:
Result:
Result:
Result:
Go to Section, select Header and Select Menu
*** Mega Menu [Horizon Menu]
Mega Menu style 1
Result:
Mega Menu style 2
Result:
Mega Menu style 3
Result:
*** Menu Dropdown
Mega Menu style 4
Result:
*** Menu Dropdown
*** Menu Item No Childen: Just enter your name and link for this menu.
+ MailChimp form action URL: if you are using mailchimp for email marketing campain, you need enter action URL to this textbox. You can read about mailchimp action URL at: Mailchimp Signup URL.
Swatch :
Dropdown :
This is some function for product and you can disable it.
Go to General
Favicon image: Select favicon image from libraries.
Go to Theme Setting >> Select Header v1 to v5 section.
Result:
Go to Theme Setting >> Select Footer section.
Result:
*** Blog Page:
*** Article Page:
*** Collection Page:
*** Product Detail Layout:
*** Settings :
*** Product Tab v1:
*** Product Tab v2:
*** RELATED PRODUCTS:
You can set font-family by select Google Fonts
You can set color for: General , Heading, Primary Color, Price Color
Result:
You want setting for filter sidebar, you need to follow the steps in the images:
Click on View:
Click on Customize Theme to show option setting:
You need enter text for Filter Widget & Shop by tags list for all tab to show result as you like.
Filter made with tags, so all value from filter must exist from product.
Example: We have filter by color with values: White, Red, Back & Brown . So from product, you need enter these tags from product page. Do the same with price, size ... .
With Zoa, you can showing more than one product images with color, please follow this instruction.
1. The first you need order again your variant color as group.
2. From the images of your product, You should sort the image to each groups and according to order. Example: Your color are Dusty Pink -> Green -> Taupe -> Grey.
So you need organize order image as: all product Pink -> all product Green -> all product Taupe -> all product Grey.
3. Final, from your Variant, you need choose product image for first variant of color.
4. Result: When you click on color then image will show corresponding to that color.
IN ZOA THEME, WE SUPPORT 33 SECTIONS FOR BUILDER HOME PAGE AND OTHER LANDING PAGE. YOU CAN SEE SECTIONS IN CUSTOMIZE CONTROL PANEL.
Result:
+ Banner v1
+ Banner v2
+ Banner v3
Result:
+ Single Banner v1
+ Single Banner v2
Result:
+ Blog v1
+ Blog v2
Result:
Result:
+ Flash Deal
+ Product Grid v1
+ Product Grid v2
+ Trend Product
Result:
+ Slide v1
+ Slide v2
+ Slide v3
+ Slide v4
+ Slide v5
+ Slide v6
+ Slide v7
+ Slide v8
Result:
+ Brand v1
Result:
+ About Us v1
+ About Us v2
Result:
+ Collection v1
+ Collection v2
+ Collection v3
+ Collection v4
+ Collection v5
Result:
+ Instagram v1
+ Instagram v2
Result:
Result:
Result:
+ Header v2
+ Slide v1
+ Trend Product
+ Single Banner v1
+ Newsletter v1
+ Policy
+ Footer v1
Result:
+ Header v3
+ Slide v2
+ Banner v1
+ Product Grid v1
+ Newsletter v1
+ Footer v2
Result:
+ Header v3
+ Slide v1
+ Product Grid v1
+ Blog v1
+ Newsletter v1
+ Footer v3
Result:
+ Header v5
+ Slide v3
+ Banner v2
+ Product Grid v1
+ About Us v1
+ Brand v1
+ Instagram v1
+ Newsletter v1
+ Footer v3
Result:
+ Header v4
+ Slide v1
+ Collection v1
+ Product Grid v1
+ Instagram v2
+ Newsletter v1
+ Footer v2
Result:
+ Header v3
+ Slide v4
+ Collection v2
+ Product Grid v1
+ Testimonial
+ Blog v2
+ Newsletter v1
+ Footer v2
Result:
+ Header v1
+ Slide v4
+ Product Tab
+ Instagram v2
+ Newsletter v1
+ Footer v2
Result:
+ Header v1
+ Slide v5
+ Collection v5
+ Collection v4
+ Single Banner v2
+ Single Banner v2
+ Flash Deal
+ Newsletter v1
+ Footer v2
Result:
+ Header v1
+ Slide v8
+ Product Grid v1
+ Banner v3
+ Instagram v2
+ Newsletter v1
+ Footer v2
Result:
+ Header v6
+ Slide v7
+ Collection v3
+ Product Grid v2
+ Newsletter v1
Result:
+ Header v1
+ Collection v3
+ About Us v2
+ Product Grid v1
+ Newsletter v1
+ Footer v2
Result:
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 covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.
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.
