user manual table of contents - appjetty · pdf fileodoo 8.x, 9.x, 10.x, 11.x table of...

USER MANUAL

Kingfisher Pro Fashion

Version: 1.0.12

Compatibility:

Odoo 8.x, 9.x, 10.x, 11.x

TABLE OF CONTENTS

Introduction ...................................................... 2

Benefits of Kingfisher Pro Fashion .................. 2

Pre-requisites ................................................... 2

Installation ........................................................ 3

Installation Steps .......................................... 3

Theme Configuration ....................................... 6

Contact Us....................................................... 32

USER MANUAL – Kingfisher Pro Fashion

www.appjetty.com 2

Introduction The Kingfisher Pro Fashion Theme is a CMS theme which helps you to enhance your website visibility

using color combination and different snippets. It is specifically made for Fashion Industry.

Benefits of Kingfisher Pro Fashion

• This theme will beautify the website using various snippets.

• This theme is specially made for Fashion Industry.

Pre-requisites

• Following points must be followed before starting the plug in installation:

▪ You should login as an Admin in Odoo. ▪ Check that your Odoo Instance is compatible for Kingfisher Pro Fashion Theme. ▪ An e-commerce module should be present in your instance to use this app.


www.appjetty.com 3

Installation

Installation Steps

Step 1: Download and extract the zip file. Step 2: Check your Odoo add-ons path.

• It should be same as defined in Odoo Config file.

• Config files are mostly saved in /etc folder. For e.g. /etc/odoo.conf

• Open Config file:

▪ Give the command: sudo/etc/odoo.conf ▪ Config file content: addons_path = /opt/odoo/addons

Step 3: Open Terminal and go to download location

• For e.g. if the download location path is: /home/odoo/Downloads then the command to be

written in the terminal would be: cd/home/odoo/Downloads

Step 4: Copy download modules to addons path • Give the below mentioned commands to perform copy operation:

▪ $cd /home/odoo/Downloads/kingfisher_pro ▪ $cd v8 ▪ $sudo cp kingfisher_pro/opt/odoo/addons

Step 5: Restart Odoo server

Step 6: Login with the admin credentials in your odoo instance.

Step 7: Go to Settings/Update Module List.

• Click on ‘Update’ button.


www.appjetty.com 4

Step 8: Go to Settings/Local Modules

• Remove search filter


www.appjetty.com 5

• Enter module name in the search box provided in the top right corner of the page. For e.g. here

write “Kingfisher Pro Fashion”.

• Click on ‘Install’ button.


www.appjetty.com 6

Theme Configuration

Configuring Home Slider Snippet

• Go to Website -> Edit -> Insert Blocks -> Features. Drag and drop Home Slider Snippet on the page

where you want it.

• Click on ‘Customize’ to customize Style, Background and Color of the Snippet. You can Move, Copy

and Delete the snippet from here.

• Click on any text to change the text of the snippet and on the button to change the button text

and Links.


www.appjetty.com 7

Configuring Product / Category Slider Snippet

• Go to Website -> Edit -> Insert Blocks -> Features. Drag and drop Product / Category Slider

Snippet on the page where you want it.

• Select the Type of slider which you want to display on the page.

• Managing Slider Configurations:

▪ Go to Sales -> Slider Configurations -> Product / Category Slider Configurations. Click on ‘Create’ button to create a new slider category.

▪ Set Slider Name, Status, Counts, Type of Slider, Auto Rotate, and Auto Rotate Speed &

Products to display in the Slider.


www.appjetty.com 8

Configuring Promo Snippet

• Go to Website -> Edit -> Insert Blocks -> Features. Drag and drop Promo Snippet on the page

where you want it.

• Click on ‘Customize’ to customize Style, Background and Color of the Snippet. You can Move, Copy



www.appjetty.com 9

• Promo Product Configurations:

▪ You can change the image, Image Style and also transform an Image.

• Changing Image:

▪ You can add image from the computer or can also add image URL directly. You can also add Pictogram and Video in Promo Snippet.


www.appjetty.com 10

• Changing Promo Texts:

▪ By clicking on promo text you can edit the text. You can also Add URL, Link Text, Change Style of Text & change preview text.


www.appjetty.com 11

Configuring Brand Snippet

• Go to Website -> Edit -> Insert Blocks -> Features. Drag and drop Brand Snippet on the page

where you want it.

• Set Total Counts & Label for the Brand Slider before adding it to the Website.

• Adding Brands to Brand Snippet

▪ Go to Sales -> Slider Configurations -> Product Brands. Click on Create button to create a new Brand for the Shop.

▪ Add Brand Name, Brand Logo, Brand Cover, Associated Brand Products and Brand Description saving the brand.


www.appjetty.com 12

• To associate Brand to the Products Select any Product and add Brand Name to associate it.


www.appjetty.com 13

Configuring Single Banner Without slider

• Go to Website -> Edit -> Insert Blocks -> Features. Drag and drop Single Banner without Slider


• Click on Image, Text and Button to change it as per your likings.


www.appjetty.com 14

Configuring Blog Slider snippet

• Go to Website -> Edit -> Insert Blocks -> Features. Drag and drop Blog Slider Snippet on the page

where you want it.

• Select the type of Blog which you want to display from the menu.

• Adding Blogs to the Snippet

▪ Go to Website Admin -> Blog -> Blog Posts to ‘Create’ or ‘Import’ a blog to the snippet. Add Blog title, Blog Tags, Sub Title, Blog and No. of views for the blog.


www.appjetty.com 15

• Go to Website Admin -> Blog -> Blog Slider Configuration to manage blog posts on the web site.

Click on ‘Create’ to create a new blog slider.

• Add Slider Name, Status, No. of Blogs in one count, Auto rotate Time and Blog post collection from

the list.


www.appjetty.com 16

Configuring Multi Products Tab Slider Snippet

• Go to Website -> Edit -> Insert Blocks -> Features. Drag and drop Multi Products Tab Slider


• Select the Slider which you want to display on the page.

• Go to Sales -> Slider Configurations -> Multi Products Slider. Click on Create button to create a

new slider.

• Add Slider Name, Status, Auto Rotate Speed, No. of collection (Tabs) for the slider, Collection

Name and Products before saving the slider.

• You can add up to 5 collections in the slider.


www.appjetty.com 17

Configuring Testimonials slider snippet

• Go to Website -> Edit -> Insert Blocks -> Features. Drag and drop Testimonial Slider Snippet on

the page where you want it.

• Click on the text to edit it the way you want. Click on Customize to customize Style, Background

and Color of the Snippet. You can Move, Copy and Delete the snippet from here.

Configuring Service snippet

• Go to Website -> Edit -> Insert Blocks -> Features. Drag and drop Service Snippet on the page

where you want it.

• Click on Customize to customize Style, Background and Color of the Snippet. You can Move, Copy



www.appjetty.com 18

Advance Mega Menu Settings

Creating Mega Menu

• Go to Website Settings -> Menu -> Configure Website Menus. Now click on ‘Create’ to create a

menu.

• There you will have options to add Web Site, Menu Name, URL for Menu, Option to open menu in

new window, Parent Menu & If the new menu is mega menu or not.


www.appjetty.com 19

Mega Menu Configuration

• Select Is megamenu…? Option to create mega menu & give configurations as required.

• You can directly add URL for the Mega Menu and can also add it in New Window.

• Mega Menu Type: No. of columns needed in Mega Menu.

• Mega Menu Background: If you want background in Mega Menu you can set it from here. It can

be Image or Color.

▪ For Image: You have to upload image and it will be set in mega menu.

▪ For Color: Hash code of color is needed to define background color.


www.appjetty.com 20

• Category Slider: To display category slider, select display category slider option & additional

functionalities like Slider label & Position will be displayed.

• Menu Icon & Colors:

▪ To give icon to menu select option Display Menu Icon and upload image for the menu.

▪ To change font Color for Categories & Subcategories, enable Customize Menu Color Option & give hash code for Main & Sub Category Fonts.

• Menu Footer:

▪ To display menu footer enable Display Menu Footer option and give text for the footer.


www.appjetty.com 21

Mega Menu Categories & Sub Categories

• Go to Sales -> Configuration -> Products -> Website Product Categories. In this you will find

Create Button. Click on it to create a Product Category.

▪ To create Main Category: Give Name of category, Click on Include in Megamenu Option, Give Main Menu as the menu in which you want to create category in. You can also give sequence No. for deciding sequence in Mega menu list.

▪ To create Sub Category: Give Name of category and give category name in which you want to create sub category in. You can also give sequence No. for deciding sequence in Category List.


www.appjetty.com 22

Product Image Gallery Configurations

Creating New Product

• Go to Sales -> Products. In this you will find ‘Create’ Button. Click on it to create a New Product.

• There you will have options to add Multiple Images. After clicking that you can set multiple images

for the product.


www.appjetty.com 23

Add Multiple Images to the product

• Click on ‘Product Multiple Images’ tab.

• Click on ‘Add an item’ option to start adding images for the product.


www.appjetty.com 24

Creating a new Image

• After adding an item you’ll be redirected to create image pop up.

• Give proper Title, Alt text, Type (Image / Video), Image and Sorting order.

• If you don’t want to include this image in Custom Product Image Gallery click on More

• Click on ‘Save & Close’ to create new image.

• To create another image / video click on ‘Save & New’.


www.appjetty.com 25

Creating a new Video

• After adding an item you’ll be redirected to create image pop up.

• Give proper Title, Alt text, Type (Image / Video), Image and Sorting order.

• To create Video click on ‘Video’ option.

• Give proper type to video which can be of

▪ You Tube Video

▪ Vimeo Video

▪ HTML 5 Video

• If you don’t want to include this video in Custom Product Image Gallery click on More

• Click on ‘Save & Close’ to create new Video.

• To create another image / video click on ‘Save & New’.

Panel Options


www.appjetty.com 26

• Go to Settings -> Website Settings. You’ll see settings for Multiple Product Image.

• Which includes settings for:

▪ Slider Effect: Select this option to enable slider effects.

▪ Thumbnail Panel Position: This drop down allows admin to select Thumbnail panel position from Left, Right or Bottom.

▪ Play Interval of Slideshow: This allows admin to manage interval between two images in slideshow.

▪ Enable Text Panel: Select this option to show text along with images in panel.

▪ Thumbnail Overlay Effect: This option allows admin to choose thumbnail overlay effects from Default, B/W, Sepia or Blur.

▪ Change Thumbnail Size: To change thumbnail height and width, enable this option.


www.appjetty.com 27

Product Tag Configurations

• Go to Sales -> Product Tags. In this you will find Create Button. Click on it to create a New Product

Tag. These Tags will be used for Product sorting based on Tags in Shop.

• Add Tag Name, Status and Sequence for the Tag.

• To add the Products for the Tags click on ‘Add an Item’ and add needed items.


www.appjetty.com 28

Product Sorting Configurations

• Go to Sales -> Product Sorting. In this you will find ‘Create’ Button. Click on it to create a New

Product Sorting Option. These Sorting options will be used for Product sorting based on provided

criteria in Shop.

• Set a Criteria Name, Order By Option and Product Attribute on which sorting is needed to be

done.


www.appjetty.com 29

Adding Sorting Criteria in Shop

• Go to Website -> Customize. In this you will find multiple options to customize your webpage.

Select any option and that will be shown on the Shop page as per defined criteria.


www.appjetty.com 30

Adding Pagination in Store Shop page

• Go to Sales -> Settings -> Website Product Paging. In this you will find option ‘Configure Website

Product Pagination’. And Click on label ‘SHOW’.

• Click on ‘Edit’ button.

• You can add number of products and set any number as default.


www.appjetty.com 31

Adding Products per Grid

• Go to Website Admin -> Configuration. In this you will find option ‘Product per grid’.

• Select no. of products to display in ion a grid for shop page.

Add Flip Image of Product

• Go to Sales -> Products. Select the product in which you want to add a flip image.

• Click on ‘Edit’ and select ‘Add Flip Image’. Now go to ‘Product Flip Image’ tab.


www.appjetty.com 32

Contact Us

We simplify your business, offer unique business solution in digital web and IT landscapes.

Customization: If you would like to customize or discuss about additional feature for Kingfisher Pro Fashion, please write to [email protected]

Live Chat

• Get instant support with our Live Chat.

• Visit our product page at:

https://www.appjetty.com/odoo-kingfisher-

fashion-theme.htm and click on the Live Chat

button for instant support.

Tickets

• Raise tickets for your specific question!

• Send an email to [email protected] or

you can login to my account

www.appjetty.com and click on My Support

Tickets on your account dashboard, to get

answers to your specific questions.

mailto:[email protected]

https://www.appjetty.com/odoo-kingfisher-fashion-theme.htm

https://www.appjetty.com/odoo-kingfisher-fashion-theme.htm

mailto:[email protected]

https://www.appjetty.com/

user manual table of contents - appjetty · pdf fileodoo 8.x, 9.x, 10.x, 11.x table of...

Documents