Copyright G5Theme

G5 Shop plugin - plugin associates with Woocommerce plugin to display the Shop features

G5 Shop, Woocommerce are included in the theme so this are required plugins, you need to install/active this plugins if you want to have Woocommerce features.

G5 Shop is the affiliate shop page plugin for your WordPress website that everyone can easily setup and use. It’s super easy to create a shop page and start adding products immediately.

With G5 Shop plugin, you can create the shop page on your website with a grid of products. They display with many shop layouts such as: Sidebar, No sidebar, fullwidth etc

In this documentation, you will find information about installing the plugin, the features of the plugin includes and how to use Products and Shop easily.

G5 SHOP PLUGIN

NOTE: In this documentation, we have used CROWN theme that developed by our technicals so in some examples below you could see exclusive designs with logo and images of CROWN.

We have prepared detailed user manual in order to ensure smooth and the plugin easy works with our theme. However, If you have any question that are beyond the scope of this documentation or difficulties with our theme – we will be there for you! Please feel free to contact us via our helpdesk or email and we will get back to you as soon as possible!

Thank you so much!!

INSTALL & ACTIVE PLUGINS

Begin installing plugins


You should be navigated to the Install Required Plugin page, which shows reqquired plugins list, all you need is clicking on the checkbox beside "Plugin" label to select G5 CORE, G5 SHOP, WOOCOMMERCE plugin in the list, then choose "Install" from the drop-down list at the top and then click "Apply".

You can do the same as installing, After you install successfully,you select that two plugins to active .

install plugins

Install & active plugins

After you install & active G5 Shop plugin, G5 Core plugin, Woocommerce plugin successfully, the Shop settings start to display

The Shop items are included Shop post type, Shop settings, Overwrite Theme options for Shop

1- Shop post type are options register a custom post type for Shop items. It also registers separate Product taxonomies for tags and categories

install plugins

Shop post type

2- Shop settings are settings for layouts, gallery etc in Archive Listing and Single Product

install plugins

Shop settings

3- Overwrite Theme options for Shop are settings for layout, page title, header, footer, color and typography in Archive Listing and Single Product. This settings overwrite the same setting in Theme option

install plugins

Overwrite Theme options for Shop

Setup Instructions

Create a Product

After you install and active Product,through the admin panel

Product custom post type is ready

1. Create a category
Navigate to the ‘Product Category’ in the “Products” to add new category. Enter the name and description to add the category.

Create a category

You can view the process (1) ==> (2) ==>(3)

(3) is list of product categories which you created

Categories in frontend

Beside, you can custom for each category with page title and breadcrum seperately

2. Add New Product
Navigate to the ‘Add New’ in the “Products” to add new Product. Enter the title and project description.

Your Product is gorgeous if you add from Product extra field in Product setting

Then, you select category, set featured image. Please keep in mind that to make your page look amazing you need to provide same size featured image for all Product items. This image will be used as thumbnail. This featured image will be visible everywhere for this specific Product. Click “Publish” to add the new Product.

You can view and match the number for each element

Attribute Description
Layout Select layout for Single product. If you select default, layout get from layout in Theme option
Tab layout Select tab layout for Single product. If you select default, layout get from layout in Theme option
Video URL Enter the Video URL if you need to add for the single Product
Swatches Enable You select Swatches Enable on or off
Swatches Attributes You can select Swatches Attributes from the drop down menu

Shop options

Shop page is page has something you want to focus on when it comes to showcasing your projects. This part of the website helps you gorgeously display the projects you’ve worked on, rendered in a grid or slide based layout

This is options in Archive Listing

You can customize in Theme option and Product settings

Theme option includes all global options that affect your entire website. These options can be overwritten by setting options in Shop Settings with any page custom Product Settings. The different of this two options is priority. The priority of Shop settings is higher than Theme options

By clicking on the Theme Options menu, you'll be able to change all settings that affect to entire your website


This is options in Theme option

This is options in Page setting

Beside, after you install/active G5Product plugin, there is Product tab will display in the bottom of Theme option

General

General options are options you can change the elements for all page related to the shop

This is options in General options

General options Description
1. Show Featured Label Two options: on,off for featured label.
2. Featured Label Text You can enter the featured label text such as: hot, new etc
3. Show Sale Label Two options: on,off for sale label.
4. Sale Flash Mode You can display sale mode with format as percen or text
5. Sale Label Text You can enter the sale text or more words as you want
6. Show Sale Count Down Two options: on,off for sale count down.
7. Swatches Enable Two options: on,off for swatches enable.
8. Swatches Attributes You can select swatches attributes in the drop down menu
9. Show Add To Cart Button Two options: on,off for Add To Cart Button.
10. Product Image Size Mini Cart You can enter the product size in mini cart


You can view the options which are listes in a table similar with the number from (1) to (10) in the bellow image



This is options in General options

Shop Banner

Shop banner allows you to easily manage several banners as image, video, gallery and display them on the front end.

This is options in Shop banner

This is Shop banner in frontend

Shop Toolbar

Shop toolbar is a horizontal bar containing different sections such as category filter, ordering etc

This is options in Shop banner

This is Shop banner in frontend

Shop Listing

Shop listing allows you to easily manage the features layout, skin, product columns etc to display them on the shop page.

This is options of Shop Listing in back-end



Shop listing settings Description
1. Layout You have grid layout for shop page
2. Item Skin You have three skins to display
3. Item Css Classes you can enter the Css classes you want to custom the shop page.
4. Product Columns Gutter you can add the columns guiter in producct grid
5. Product columns you can set the product columns in each screen
6. Image size you can enter the image size you want
7. Post per page you can enter number products you want to display
8. Paging you can select the paging mode in the drop down menu
9. Animation you can enter the product animation
10. Image hover Effect you can enter the product image hover effect
11. Show Category you can display or hide category in shop page
12. Show Rating you can display or hide rating in shop page
13. Show Quick View you can display or hide quick view in shop page


You can view the options which are listes in a table similar with the number from (1) to (13) in the bellow image





This is options of Shop Listing in frontend

Single Product

This is options in Single Product
Single Product settings Description
1. Layout You have grid layout for single product page
2. Tab Layout You have select tab layout to display description of single product
3. Share you can turn on social icons share or hide
4. Related Product First, you can turn on related products or hide.
If you turn on the related products, you will have other settings such as: related products algorithm, columns guiter
5. Product Up Sells First, you can turn on upsell products or hide.
If you turn on the upsell products, you will have other settings such as: upsell products algorithm, columns guiter etc can set the product columns in each screen


You can view the bellow image to match with the above options of Single Product



Cart page

This is options in Cart page

You can view the bellow image to match with the above options of Single Product


This is options in Cart page
Cart page settings Description
Product Cross Sells You can turn on or hide Product Cross Sells
Posts Per Page You have enter post per cart page as you want
Post Columns Gutter you can select the space bettween collumns
Product Columns You can select products number for each screen


Product shortcode settings

How to display Product on the page

After you install/active Product shortcode, you can add Product shortcode in the page

First, you can add the shortcode in a page you want or you can add a new page

Add a new page nomally

There are four Product shortcodes

Example about the Product shortcode in page

Product widget Settings

Create A Product Widget

Navigate “Widgets” under the Appearance. There will be two Shop widgets called “G5Plus Product Sorting”, “G5Plus Product Price Filter”. Simply add this widget where you want to show this widget.

there are three Product widgets

In “G5Plus Product Sorting”, you can add title, source, number of Product to show, layout Product and the image size of Product images. You can set your prefered categories or all to show. Also you can set the number of Product you want to show. Click “Save” to save.


this is G5Plus Product Sorting

In “G5Plus Price Filter”, you can add title. If you need to customize by CSS code, you can add the CSS class. Click “Save” to save.


this is G5Plus Product Price Filter

Overwrite Theme options for Product/Shop

There are two areas to custom options for Shop page and Single product are Theme option and Custom setting for Shop which located in Theme option ==> Child Options such as Header, Footer, Layout, Page Title, Color, Typography

Any option is set to Default which is the current style of your Theme Option. So, if you want same settings on all pages, then you don't need to select anything. If you want a different option for Single Product page or Shop page, then you can choose any other option here as your wish.

You can view the area (1) in bellow image:


If you want a different settings for a page, then you can setup options in Custom setting for Shop and apply it to that specific pages: Single Product and Shop

This is options in Page setting

Update plugins to latest version

Update G5 Shop plugins to latest version

To update G5 Shop plugins to latest version:

Please consult and follow the step-by-step guide here to update G5 Shop plugins plugins to latest version: http://support.g5plus.net/knowledge-base/how-to-update-shortcodeframework-plugins-to-latest-version/.

When update theme to version higher, you need to update this plugin to ensure that you don’t run into any compatibility issues with latest version of G5Theme.

Or you update the latest theme, you get the latest G5 Shop plugin because this plugin is inclued in the theme

After you are done updating your theme and plugin please also perform the following steps:

  • Clear your Site & Browser Cache: Whenever you update ANY plugin, theme or WordPress you must clear your browser and site cache to help avoid any potential cache related bugs.
  • Updating G5 Core plugin: AFTER you update your theme please make sure to update your G5 Core plugin as well following the guide for updating the theme’s recommended plugins.

Thank you for taking the time to read the document.

We have prepared detailed user manual in order to ensure smooth and easy work with our theme. However, If you have any questions that are beyond the scope of this documentation or have any troubles configuring your website applications with the above settings you can contact the G5Theme Support Team by signing up and submit a new topic. G5Them Support Team will be glad to assist you.

Please create topic here: https://sp.g5plus.net

Thanks so much for purchasing our theme!