USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes...

30
USER MANUAL Shop By Brand Version: 2.0 Compatibility: WordPress (Version 4.4 and above) WooCommerce (2.4.4 or higher) TABLE OF CONTENTS Introduction .................................................... 1 Benefits of Shop By Brand .............................. 1 Pre-requisites ................................................. 1 Installation ...................................................... 2 Installation Steps ........................................ 2 Plug-in Configuration...................................... 4 WordPress Configurations.............................. 5 Front End View ............................................. 17 Contact Us .................................................... 29

Transcript of USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes...

Page 1: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL

Shop By Brand

Version: 2.0

Compatibility:

WordPress (Version 4.4 and above)

WooCommerce (2.4.4 or higher)

TABLE OF CONTENTS

Introduction .................................................... 1

Benefits of Shop By Brand .............................. 1

Pre-requisites ................................................. 1

Installation ...................................................... 2

Installation Steps ........................................ 2

Plug-in Configuration ...................................... 4

WordPress Configurations .............................. 5

Front End View ............................................. 17

Contact Us .................................................... 29

Page 2: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 1

Introduction

Shop by Brand is a very useful plugin that allows WooCommerce store admin to showcase products from various brands in a user intuitive way in their store. It adds a brand attribute for products. Admin can create as many brands as they want, edit brand details (name, description and image), assign products to each brand and make products in the front end, filterable by brand along with other features.

Benefits of Shop By Brand

Create new brands and customize them.

Edit Brand Details in a single click.

Assign products to a particular brand.

Use Shortcodes to display brands in alphabetic order.

Hide Filter using short code.

Use Shortcodes for styling Brand Slider, Product List, and Product Slider.

View Brands in Thumbnail view.

Set SEO Meta Details for a brand page.

Import Brands using CSV.

Supports Visual Composer and WPML.

Pre-requisites

Following points must be followed before starting Installation.

You should login as an Administrator in WordPress.

You must have a valid License Key Provided by AppJetty.

To make this plugin work, WooCommerce plugin must be in activated mode in site. Plugin

supports WooCommerce version 2.4.4 and above.

Page 3: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 2

Installation

Installation Steps To install this Plug in, you can follow the below steps to do a manual installation.

Download the Plug in from www.appjetty.com

To start with the installation, Log-in as Administrator into WordPress. Hover over ‘Plugins’ and

click on ‘Add New’ to install the package.

Page 4: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 3

To upload the plugin click on ‘Upload Plugin’ button.

Click on ‘Browse’ button and Browse the zip file. After uploading package, click on the ‘Install

Now’ button to install the package.

Page 5: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 4

Plug-in Configuration

Get activation key

Get the activation key from the Order Confirmation Mail. OR

Login to your AppJetty account then go to downloadable options and copy the activation key for

the WC Shop By Brand-Plug-in.

Activate your plug-in

After successful package installation, you need to validate your license and activate your WC Shop

By Brand from ‘Settings’ module.

Log-in to WordPress as admin and navigate to ‘WC Shop by Brand -> General Settings.

Now Enter License activation key for the WC Shop By Brand plug-in provided by AppJetty. Validate

your license by clicking on the ‘Save Changes’ button.

Page 6: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 5

WordPress Configurations

Add Brands:

To add brands browse to Products -> Brands. The interface works just like adding categories and

tags; the form on the left lets you add a brand and then they are displayed on the right.

Page 7: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 6

Mention the Name of brand, the Slug URL and Description of the brand. You can also upload a

Logo for your brand.

Page 8: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 7

Once you have added the brands they will be listed on the right. You can edit them by clicking

their names. Also you can delete the brand by clicking on ‘Delete’ button.

Page 9: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 8

Adding SEO Meta Details:

Meta Details for a brand can be added by checking the ‘Apply in brand?’ checkbox.

Page 10: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 9

General Settings:

To access general settings Hover over ‘WC Shop by Brand’ and Click on ‘General Settings’.

General Settings mainly contains following options:

Product List Page

Product Page

Breadcrumb Brands Page Link

Theme Color

Product List Page:

To display Brand Title in Product List Page check the ‘Show Brand Title’ checkbox.

Page 11: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 10

To display Brand Image in product List Page check the ‘Show Brand Image’ checkbox.

Product Page:

To display Brand Title in Product Page check the ‘Show Brand Title’ checkbox.

To display Brand Image in Product Page check the ‘Show Brand Image’ checkbox.

Breadcrumb Brands Page Link:

To set page link for the Breadcrumb brands select the page from the dropdown menu.

Theme Color:

To set theme color for brands click on ‘Select Color’ and select the desired theme color.

Page 12: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 11

Shortcode Generator:

To Generate Shortcodes hover over WC Shop by Brand and click on ‘Shortcode Generator’.

From Shortcode Generator you can generate shortcodes for styling following:

Brand List

Brand Slider

Product List by brand

Product Slider by brand

To generate shortcode select the Widget from the ’Shortcode’ dropdown, Style the Widget and

click on ‘Generate’.

Page 13: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 12

Assigning Brand to a product:

To assign a brand to a product, go to the Edit view of a product and check a box from the List of

Brands and click on ‘Update’ button.

Page 14: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 13

Add Widgets:

You can add following widgets:

Brand A-Z filter: It provides A-Z filter with brands list.

Brand List: It provides brands list.

Brand Thumbnail: It provides brands thumbnail list.

Brand Dropdown: It provides brands dropdown list.

Brand Slider: It provides brands slider.

To add widgets navigate to Appearance -> Widgets.

To add widget click on particular widget and choose a position for the widget and then click on

‘Add Widget’ button in the end. Also you can customize the widget according to your

requirement.

Page 15: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 14

WooCommerce Report - Sales by Brand:

To generate reports navigate to WooCommerce -> Reports.

Page 16: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 15

Now Click on Sales by Brand to generate ‘Sales by brand’ report.

Lastly select the time duration and the brands for which the report is to be generated.

Page 17: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 16

Brand CSV Importer:

To import CSV navigate to Tools -> Import.

Now In ‘Brand CSV’ section, Click on ‘Run Importer’. Then choose a CSV file to upload by clicking

on ’Choose File’, then click ‘Upload File and Import’.

Page 18: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 17

Front End View

Front End Display will be as per the settings made in backend.

Brand Slider:

View brand slider along with Title, Image of Brand, Brand name by 6 different styles.

Style 1:

Style 2:

Page 19: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 18

Style 3:

Style 4:

Page 20: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 19

Style 5: Style 6:

Page 21: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 20

Brand List Page:

View list of all brands with A-Z filter by 3 different styles.

Style 1: Style 2:

Page 22: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 21

Style 3:

Page 23: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 22

Product List by Brand:

View list of Products assigned to a particular brand by clicking on that brand from the list of

brands.

Product Slider by Brand:

View product slider along with title, image of product, product name and Product price by 5

different styles.

Style 1:

Page 24: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 23

Style 2:

Style 3:

Page 25: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 24

Style 4: Style 5:

Page 26: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 25

Product Detail Page:

View brand name and its logo in the product’s detail page.

Page 27: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 26

Brand Slider Widget:

View brand slider along with title, logo image and brand name.

Brand Thumbnail Widget:

View multiple brands in thumbnail view along with title, logo image and brand name.

Page 28: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 27

Brand Dropdown Widget:

View and Select Brands directly from the Brand Dropdown widget.

Brand A-Z Filter Widget:

View and Select from list of names of multiple brands filtered in A-Z manner.

Page 29: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 28

Brand List Widget:

View and Select from list of names of multiple brands.

Page 30: USER MANUAL TABLE OF CONTENTS - AppJetty › media › ExtensionDocument › ... · Use Shortcodes for styling Brand Slider, Product List, and Product Slider. ... To make this plugin

USER MANUAL – WooCommerce Shop by Brand

www.appjetty.com 29

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 Shop by Brand, please write to

[email protected]

Tickets

Raise tickets for your specific question!

Send an email to [email protected] or you

can login to your account @

www.appjetty.com and click on My Support

Tickets on your account dashboard, to get

answers to your specific questions.

Live Chat

Get instant support with our Live Chat.

Visit our product page at:

https://www.appjetty.com/woocommerce-

shop-by-brand.htm and click on the Live Chat

button for instant support.