Cerio, theme documentation
Below is the detailed documentation for the Cerio theme
Below is the detailed documentation for the Cerio 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 theme. 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 themesThemeOcean Co., Ltd
Cerio is a highly flexible, Creative Multi-Purpose Shopify Theme. It's built on Bootstrap 4 and looks great on Desktops, Laptops and Mobile devices. With unique cool designs, modern, stylish, intuitive assistant and 12 Unique Home layouts, Cerio is a good choice to build your online store. The Cerio 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.
Cerio 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 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 you can click Main menu and edit it
*** Mega Menu in Customize theme (Image Block Links)
*** Mega Menu in Navigation
Result
*** Mega Menu in Customize theme (Menu block blogs)
*** Mega Menu in Navigation
Result
- Multi Dropdown Menu (Nested):
https://help.shopify.com/manual/sell-online/online-store/menus-and-links/drop-down-menus#nesting-menu-items-to-build-drop-down-menus+ 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.
Get Google map API KEY: https://developers.google.com/maps/documentation/javascript/get-api-key
- Result:
- Customize:
- Customize:
- Customize:
Click Sections tab >> Select Header v1 to v8 and click Theme settings tab >>> click and edit Header you want
Click Sections tab >> Select Footer v1 to v12 and click Theme settings tab >>> click and edit Footer you want
You can set font-family by Shopify Fonts
You can set color in Colors
Click on View:
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 ... .
You need to select the corresponding image for the variation
In default, Shopify not allow you add new custom field for product. So with Skine we will help you understand how to bring custom field to your store.
Example: you can have different video, different external / affiliate... for each product.
The first you need install this app by go to this link: Metafield Guru
After install you will see the icon in your App admin
You need click to Metafield Guru icon and metafield will show
You need enter fill these sections: Namespace, Key, Value, then click Save.
If want show video, you need enter youtube, vimeo video link for it.
1. namespace: engo_video
2. key: video_link
3. value: vimeo or youtube url
Result:
Allow you enter external/Affiliate link, Add cart function will be hidden.
1. namespace: engo_external
2. key: external_name
3. value: name of button
1. namespace: engo_external
2. key: external_url
3. value: link to external product
Result:
If want show more info to product you choose. Enter the content you need for it
1. namespace: engo_summary
2. key: summary_content
3. value: Enter content you want to show
Result:
If want show more countdown datetime to product you choose. Enter the datetime you need for it
1. namespace: engo_countdown_prod
2. key: countdown_datetime
3. value: Enter content you want to show
Result:
+ Header v1
+ Slideshow
+ Banner v3
+ Product v2
+ Countdownt v1
+ Banner v8
+ Service Box
+ Blog v1
+ Brand v1
+ Newsletter v2
+ Footer v1
Result:
+ Header v7
+ Slideshow v4
+ Service Box
+ Product v1
+ Banner v8
+ Collection v1
+ Product v6
+ Banner v7
+ Banner v12
+ Product v1
+ Brand v1
+ Newsletter v2
+ Footer v4
Result:
+ Header v8
+ Slideshow
+ Banner v10
+ Product v7
+ Collection v1
+ Product v3
+ Newsletter v2
+ Banner v8
+ Blog v1
+ Brand v1
+ Footer v1
+ Header v5
+ Slideshow
+ Service Box
+ Banner v3
+ Banner v2
+ Product v1
+ Banner v8
+ Product v1
+ Instagram v3
+ Blog v1
+ Brand v1
+ Footer v2
Result:
+ Header v1
+ Slideshow
+ Service Box
+ Banner v10
+ Product v2
+ Newsletter v2
+ Footer v6
Result:
+ Header v2
+ Slideshow
+ Banner v3
+ Product v6
+ Countdownt v1
+ Product v6
+ Banner v8
+ Service Box
+ Newsletter v3
+ Brand v1
+ Footer v1
Result:
+ Header v6
+ Slideshow v4
+ Service Box
+ Product v7
+ Banner v7
+ Product v1
+ Banner v10
+ Collection v1
+ Banner v8
+ Newsletter v2
+ Brand v1
+ Footer v1
Result:
+ Header v4
+ Slideshow v4
+ Service Box
+ Product v3
+ Countdownt v1
+ Banner v8
+ Banner v6
+ Product v1
+ Blog v1
+ Brand v1
+ Footer v1
Result:
+ Header v4
+ Slideshow
+ Service Box
+ Banner v10
+ Product v1
+ Product v1
+ Banner v2
+ Brand v1
+ Banner v8
+ Blog v1
+ Footer v1
Result:
+ Header v3
+ Slideshow
+ Banner 8
+ Product v6
+ Banner v7
+ Product v1
+ Countdownt v1
+ Newsletter v3
+ Blog v1
+ Footer v1
Result:
+ Header v3
+ Slideshow
+ Banner v10
+ Service Box
+ Product v2
+ Banner v7
+ Blog v1
+ Brand v1
+ Newsletter v2
+ Footer v1
Result:
+ Header v1
+ Slideshow v4
+ Banner v8
+ Service Box
+ Product v1
+ Banner v5
+ Product v7
+ Newsletter v2
+ Banner v8
+ Blog v1
+ Brand v1
+ Footer v2
Result:
