First of all, Themes Flat thank you for choosing to buy our theme!
In this document, we provide all kinds of good information with all the details you need to use our theme. It is recommended you read it thoroughly to fully leverage the Zunzo theme's capabilities. Please also make sure to check out our Video Tutorials as they explain everything covered in here in greater depth. We hope you have fun and enjoy working with our theme!
In order to ensure a smooth and easy working experience with Zunzo, we have created a complete user manual. However, if you have any issues that go beyond the scope of this guide or are having problems with our theme, we will be happy to help! Please contact us via our helpdesk or email and we will respond as soon as possible! Thank you so much for purchasing our theme!
Required must have
Besides, need more
After purchase and download we have file themename.zip Continue we need Extract Files i have 3 files: 1.theme, 2.theme-child, 3.documentation
Please, follow the steps below to install Theme.
This is probably the simplest way for most users. Here are steps you need to take:
The theme requires the following plugin: Contact Form 7, Elementor, Mailchimp, Metform, ThemesFlat Addons for Elementor, Themesflat Core, Elementor, and recommends the following plugins: Product Video Gallery for Woocommerce , Variation Swatches for WooCommerce, WPC Smart Compare for WooCommerce, YITH WooCommerce Frequently Bought Together, YITH WooCommerce Frequently Bought Together, YITH WooCommerce Quick View.
If you want to install via FTP, here are 3 steps you need to take:
Once installation is complete, your Zunzo theme will be ready to use.
To start customizing Theme, in the Admin page please go to Dashboard > Appearance > Customize
To Customize Theme you go to: Dashboard -> Appearance -> Customize -> Site Identity
Site Title: You can setup and change your site title
Tagline: A few words to describe your site
Site Icon: Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps.
To Customize Theme you go to: Dashboard -> Appearance -> Customize -> General
Enable Smooth Scroll: Enabled Smooth Scroll or not
Enable Preload: Displayed while loading to another page
Go To Button: Enabled Go To Button or not
To setup the default Header Style, please navigate to Dashboard > Appearance > Customize > Header.
Upload Your Logo: Drag or select your new logo on website here
Upload Your Logo On Mobile: Drag or select your new logo on mobile here
Logo Size: Choose the size for the Logo
Box Controls: Adjust padding and margin for logo
Header Style: Choose the type of header you want to display by default on your website
Header Sticky: Enabled Header Sticky or not
Search Box: Enabled Search Box or not
Sidebar Toggler: Enabled Sidebar Toggler or not
To setup Custom Menu layout, please navigate to Dashboard > Appearance > Customize > Menus
Select 1 menu to edit or create new
Drag and drop to change the menu here
To setup Custom Page Title Style layout, please navigate to Dashboard > Appearance > Customize > Page Title > Page Title
Edit the Page Title Controls here:
Enable Breadcrumbs: Turn on/off to show/hide the breadcrumbs
Breadcrumb Prefix: Enter prefix text for the breadcrumb
Breadcrumb Separator: Enter the character you want to use as the separator of breadcrumb
To setup Custom Page Title Style layout, please navigate to Dashboard > Appearance > Customize > Typography
Blockquote Typography
And you can edit a lot here
In the section Layout & Styles, we provide some options to customize the theme layout and styles.
To setup Custom Page Title Style layout, please navigate to Dashboard > Appearance > Customize > Color
With this option, you can change unlimited color for your General: Primary Color, Secondary Color, Accent Color, Background Color, please navigate to Dashboard > Appearance > Customize > Color > General
With this option, you can change unlimited color for your Header, please navigate to Dashboard > Appearance > Customize > Color > Header
With this option, you can change unlimited color for your Footer, please navigate to Dashboard > Appearance > Customize > Color > Footer
To start customizing Background Image, in the Admin page please go to Dashboard > Appearance > Customize > Background Image
To start customizing Widgets, in the Admin page please go to Dashboard > Appearance > Customize > Widgets
Step 1: From the admin dashboard, navigate to Products -> All Products.
Step 2: Select the product you want to set the sale countdown timer for.
Step 3: At the Product data section, choose Product type as Simple product
Step 4: From the tab General, click on Schedule next to the Sale price, set the Sale price as well as the valid time for it.
Step 3: At the Product data section, choose Product type as Variable product
Step 4: From the tab General, click on Schedule next to the Sale price, set the Sale price as well as the valid time for it.
Step 5: Here you will set the Sale price, valid date and time for the sale, and other settings.
Step 6: Click Save changes after finished editing.
Step 1: From the admin dashboard, navigate to Products -> All Products.
Step 2: Select the product you want to set up the Bought Together section. From the Product data section, select the tab Bought Together
Step 3: Search for the products you want to add to this section.
Step 4: Hit Update to save your changes.
Step 1: From the admin dashboard, navigate to WPClever -> Smart Compare
Step 2: At the tab Settings, you will see various options and its description, you just need to read them and follow along.
Step 3: In Comparison table settings, you can select fields, attributes to compare among products.
Step 4: Click Update Options after finish your setup.
Step 5: And hit Update to save your changes.
Step 1: From the admin dashboard, navigate to YITH -> Quick View
Step 2: Enable Quick View, you also custom style you want at Style Options
Step 3: Click Save Options after finish your setup.
Step 1: From the admin dashboard, navigate to YITH -> Wishlist
Step 2: At the tab Settings, you will see various options for General, Wishlist page, Add to wishlist. Just follow the instruction in each option to set up Wishlist function.
Step 4: Click Save Options when you're done.
Note: if you want display exactly Attibute Type, you have to setting Type first.
Step 1: From the admin dashboard, navigate to Products -> Attributes.
Step 2: Fill in the Attribute name (such as Size, Color, Image, etc)
Step 3: You can determines how this attribute's values are displayed with Type
You can display your attribute in 2 types:
Step 4: Hit Add attribute when you’re done. Now click on Configure terms link to add new terms to the attribute. Here you’ll see the new field shows up.
When you're done, you can choose to create new product using this attribute, or add this attribute to the products you've already create.
Step 1: From the admin dashboard, navigate to Products -> All Products.
Step 2: Select the product you want to set Product variation swatches. At the Product data section, select Product type as Variable product.
Step 3: Choose tab Attributes > Add the attribute you've just created.
Step 4: Click on each attribute tab to fill in its value by typing in the value you want then hit Add new. Also, put a tick on 2 options that are Visible on the product page and Used for variations. And finally hit Save Attributes.
Step 5: Move to tab Variations, click Generate Variations from all attributes, then click Ok at the pop-up.
Step 6: Now you will see all the variations appear based on the product’s attributes. Firstly, select the default variation if you want. Next, select the attribute that you want to show on shop catalog.
Step 7: Click on each variation to set up its image, price, sale countdown, and other details as you want.
Step 8: Finally, click Save changes after you finished all of them. And click Update to save changes to the product.
Step 1: From the admin dashboard, navigate to WooCommerce -> Setting -> Advanced -> Cart Page
Step 2: Enable Quick View, you also custom style you want at Style Options
Step 3: Click Save Changes after finish your setup.
Step 1: From the admin dashboard, navigate to WooCommerce -> Setting -> Advanced -> Shipping
Step 2: Setting up Shipping Zone
Step 3: Create Free Shipping method, set Minimum order amount
To enable Coupon in Cart Drawer, Cart page, Checkout page: WooCommerce -> Settings -> General -> Enable coupons
From the admin dashboard, navigate to WooCommerce -> Home
Here you can track traffic, total sales and orders every day, every week and every month.
From the admin dashboard, navigate to WooCommerce -> Order
Here you can check total orders every day, every week and every month.
From the admin dashboard, navigate to Marketing -> Coupons
Here you can add new orders by clicking on the Add coupon button.
Fill in the needed information and click Publish when finish.
Step 1: Navigate to Pages in your admin sidebar and click Add New option.
Step 2: Enter a new name for your page, then find the Page Attributes box on right side to set your Template.
Step 1: Go to Pages > All Pages. Then point at the page you want to edit. You will see the Quick Edit option.
Step 2: Edit the title as you want. Delete the current slug. Then hit Update. It will automatically generate new slug for your page.
You can also edit some other options such as parent, template, status... If you want to edit more options, hit Edit instead ofQuick Edit
After creating a page, you can set the page option which priority to display only this page in front-end.
For example:
If the default header is Header Default but you choose Header Style 01 in Setting -> TF Header -> Header Style then Header Style 03 displays in your page instead of Header Style 01.
Step 1: In the page, click Edit with Elementor
Step 2: At the Left Bottom corner of page, you will see Setting icon:
Step 3: At Pages Setting -> TF Header, choose Header Style you want
You can edit the options:Logo, Topbar, Header, Page Title, Sidebars, and Footer.
To create a Events List you go to: Dashboard -> Events, then select the Event to edit and click Edit or click New Events to create a New Events
To Customize Post you go to: Dashboard -> Appearance -> Customize -> Content
NOTE: to use all widgets of Themesflat addons, You select the page to edit or create a new page Edit with Elementor -> Elementor -> Themesflat Addons You build it at Themesflat Addons You can customize at Content and Style You build it at Themesflat Addons, it helps you to show Product Category You can customize at Content and Style You build it at Themesflat Addons, it helps you to show Product Listing You can customize at Content and Style You build it at Themesflat Addons, it helps you to show Product Listing You can customize Query, Layout, Carousel at Content and Style You build it at Themesflat Addons, it helps you to show Product Tooltip You can customize at Content and Style You build it at Themesflat Addons Core, it helps you to show your post You can customize Query, Layout, Carousel at Content and Style You build it at Themesflat Addons Core, it helps you to show your Events You can customize Query, Layout, Carousel at Content and Style You build it at Themesflat Addons Core You can customize Style, Setting, Carousel at Content and Advance You build it at Themesflat Addons Core You can customize at Content and Style You build it at Themesflat Addons Core You can customize at Content, Style and Advanced There are many more widgets for you to choose, Everything is so simple when you just need drag and drop. Wish you have a great website!
TF E Slider
TF Product Categories
TF Product Tabs
TF Product
TF List Dots Tooltip
TF Post Core
TF Events
TF Testimonial Carousel
TF Team
TF Counter