WP Product Gallery – Responsive Products Showcase Listing for WordPress

Installing Instructions

  1. Unzip wp-product-gallery.zip
  2. Upload all the files to the /wp-content/plugins/wp-product-gallery
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.
  4. For customizing the plugin’s settings, click on WP Product Gallery menu in WordPress left admin menu.
  5. To display the WP Product Gallery in the frontend, please use automatically generated shortcode from WP Product Gallery Usage metabox.

Once the plugin is installed and activated you will find a menu named “WP Product Gallery” in the left menu bar of the admin menu and you will also get WP Product Manager menu.Once you click on WP Product Gallery menu, you will go to the plugin’s listing page and you will also see the add new button, once you click on that button, you will go to the WP Product Gallery page where you can create product showcase. Basically, there are nine settings to filter the posts and layouts which are individually described below.

WP Product Gallery Listing Page

WP Product Gallery Listing Page

This is the landing page for plugin. Here you can see the listing of the product showcase created. Here you can see Add new button at top of WP Product Gallery listing table.For creating a new WP Product Gallery, you will simply need to click on the Add New submenu of the WP Product Gallery menu or click on the Add new button in the WP Product Gallery’s listing table. You can add, edit or delete WP Product Gallery from here.Once you click the button, you will be redirected to the new product showcase builder page where you can add the unlimited numbers of woocommerce or easy digital download plugin or custom product manager product’s posts.

WP Product Gallery builder Page

builder-page

From this builder page you can add woocommerce, easy digital download and custom wp product manager’s posts from taxonomies,categories,terms,custom meta data,popular post and create your products by managing the required settings for the product.Below are the detail description for WP Product Gallery settings.

Post Settings

The Post Settings is used to filter the post through categories,terms,custom field,search keyword and many more.This tab includes the product type, taxonomies/categories, custom field, search keyword, popular post tab which are described below in brief:

Post Settings

Product Type

The Product Type is of three types.That is Woocommerce,Easy Digital Download and WP Product Manager.If you want to showcase product from woocommerce plugin then select the Woocommerce option.
If you want to fetch product from Easy Digital Downloads plugin then select Easy Digital Downloads.If you want to create your own product then select WP Product Manager.The WP Product Manager is custom post type that can be used to create product post.

Taxonomies/Categories

The Taxonomies tabs are used to filter the product post from taxonomies/categories terms which can be either single term or multiple terms.
It include the following fields:

  • Filter Taxonomies/Categories Post: Enable to show the post associated with certain categories or taxonomies.
  • Taxonomy/Category Type:It is of two type: Single Taxonomy Query and Multiple Taxonomy Query.
    Choose Simple Taxonomy/Category Query to display post from a single taxonomy or category with single term.For example display posts tagged with bob, under people custom taxonomy.
    Choose Multiple Taxonomy/Category Handling to display posts from several custom taxonomies or categories.

    • Simple Taxonomy/Category Query:

      • Taxonomy/Category: In this option you can select the needed category or taxonomy.Please note to select this option please select the post type first.
      • Terms: This option is used to select the terms of the above category.
    • Multiple Taxonomy/Category Handling:

      WP Product Gallery Multiple Category

      • Taxonomy/Category: In this option you can select the needed category or taxonomy.Please note to select this option please select the post type first.
      • Terms: This option is used to select the terms of the above category.
      • Relation:The logical relationship between each inner taxonomy when there is more than one. Possible values are ‘AND’, ‘OR’.
      • Add New Taxonomy condition button:This button is used to add the multiple taxonomy condition.After clicking on this button.New condition block will be added as shown in below screenshots:

        WP Product Gallery Multiple Category

        The Post taxonomy and terms have same functioning as above.And Operator are used to test and filter the post. Possible values are ‘IN’, ‘NOT IN’, ‘AND’, ‘EXISTS’ and ‘NOT EXISTS’

Custom Fields:

WP Product Gallery Custom Field

If you want to show post associated with certain custom fields then enable this option.After enabling the following field will appear where you can choose the condition for custom field which are described as follow:

  • Custom Field Query Types: This option is of two types:Single Custom Field Handling,Multiple Custom Field Handling.

    • Single Custom Field Handling: Display post where the meta key is ‘price’ and the meta value that is LESS THAN OR EQUAL TO 22
      This option include the following option:

      • Meta Keys:Meta keys are Custom field key.
        Here you can select the already existing meta keys or you can give your own meta keys.To filter from the existing meta keys please select Pre avaliable meta keys and to filter from other meta keys please select other meta keys option.
      • Meta Value Type:The meta value type is of two type Number or string.If you want to filter the post from custom meta value through number then use Number and add the required meta value number.If you want to filter through string custom field value then select the string option and then put the string meta value in Enter meta value text.
      • Compare:This is used to compare the meta value.This is the Operator to test the ‘meta_value’. Possible values are ‘=’, ‘!=’, ‘>’, ‘>=’, ‘<', '<=', 'LIKE', 'NOT LIKE', 'IN', 'NOT IN', 'BETWEEN', 'NOT BETWEEN', 'NOT EXISTS'.
    • Multiple Custom Field Handling: Display posts that have meta key ‘color’ NOT LIKE value ‘blue’ OR meta key ‘price’ with values BETWEEN 20 and 100.
      The Meta keys,Meta Value and Compare fields has same functioning as above which is already described above.
      The other fields are described as follow:

      WP Product Gallery Multiple Custom field condition

      • Relation:This is used to show the relationship between each inner meta query when there is more than one. Possible values are ‘AND’, ‘OR’.
      • Add New Meta Condition Button:This is used to add the multiple meta condition.By clicking on this button the meta condition fields will be added as shown in below screenshots.

        WP Product Gallery Multiple Custom field condition

      • The Meta keys,Meta Value and Compare fields has same functioning as above which is already described above.
      • Type: The type is Custom field type. If you want to filter the post from custom field type then enable this option.Possible values are ‘NUMERIC’, ‘BINARY’, ‘CHAR’, ‘DATE’, ‘DATETIME’, ‘DECIMAL’, ‘SIGNED’, ‘TIME’, ‘UNSIGNED’.

Search Keyword:

WP Product Gallery Search

Enable the filter keyword search to show posts based on a keyword search.

  • Enter keyword: Here enter the keyword to search the post that is related to the keyword for example if the keyword is Hello then it will display posts that match the search term “Hello”:

Popular Post:

WP Product Gallery Popular

This is used to show the popular post.

  • Filter Popular Post:
    If you want to show the popular post then enable this option.
  • Choose popular post by:
    This is used to filter popular post by either view or comment count.

The following are the field that are also avaliable in post settings.

  • Order By:
    This is used to sort retrieved posts by parameter.
  • Order:This is used to designates the ascending or descending order of the ‘orderby’ parameter.
  • Post Status:
    This is used to retrieves posts by Post Status.

Layout Settings

grid-layout

This layout settings are used to configure the layout types for product’s post.There are six types of layout which are described as follow with it’s respectives settings:

Grid:

If you have selected the grid layout then the following field can be configured:

  • Grid Template:This is used to selected the grid templates.Here the preview for each grid template is also avaliable.
  • Desktop Column: This is used to configure the required column for post to show in desktop screen.
  • Tablet/Ipad Column: This is used to configure the required column for post to show in tablet/ipad screen.
  • Mobile Column:This is used to configure the required column for post to show in mobile screen.

List:

WP Product Gallery List

If you have selected the list layout then the following field can be configured:

  • List Template:This is used to selected the list templates.Here the preview for each list template is also avaliable.

  • Image Position:This is used to manage the image position for list template it can be either left or right.To show the image in right side select right respectively.

Masonry:

WP Product Gallery Masonry

If you have selected the masonry layout then the Masonry template field will appear where you can select the template.

Carousel:

WP Product Gallery Carousel

This has following field:

  • Slide Column:This is used to manage the number of image column in carousel.
  • Slide Width:This is used to manage the width of each product image size.
  • Controls:This is used to show the arrow navigation controls if true is selected.
  • Auto: This is used to on or off the autoplay of the slides.If you want to show auto then select true.
  • Auto Play Timeout:This is used to select the speed for auto.
  • Pager:If you want to show the pager then select true else select false.

Slider:

WP Product Gallery Slider

This has following field:

  • Controls:This is used to show the arrow navigation controls if true is selected.
  • Auto: This is used to on or off the autoplay of the slides.If you want to show auto then select true.
  • Auto Play Timeout:This is used to select the speed for auto.
  • Pager:If you want to show the pager then select true else select false.

Frame:

WP Product Gallery Magazine

Here you can show the product in frame layout.

  • Frame Template: This is used to select the template for frame.
  • Desktop Column: This is used to configure the required column for post to show in desktop screen.
  • Tablet/Ipad Column: This is used to configure the required column for post to show in tablet/ipad screen.
  • Mobile Column:This is used to configure the required column for post to show in mobile screen.

General Settings

general settings

The General Settings is used for basic settings of product layout which include following fields:

  • Display Product Title: Enable or disable to show or hide the title of the product.
  • Display Product Excerpt:Enable or disable the product excerpt to show or hide the product excerpt description.After enabling the field a new field will appear where you can select the length of product descriptions to show in frontend.
  • Display Post Category/Taxonomy: Enable/Disable Post Category to show or hide category name in templates.
  • Display Product Link in Title: Enable this to show product link in the title of the product.
  • Display Product Link in Image: Enable this to show product link in the image of the product.
  • Image Size: This is used to select the image size for the templates.It include four different wordpress default image size i.e original,large,medium and thumbnail.
  • Image Type: This is used to select the image hover effect.If you want the default effect for image then select normal option.If you want to show the another image on hover then select swap.If you want to show larger image height which need to be scroll on hover then select the scroll.

Product Settings

product settings

The Product Settings is used for basic settings of product.The product settings field is different for Woocommerce,Easy Digital Downloads,WP Product Manager:

  • Display Price:Enable or disable to show or hide the price of the product.Then select the price type.That is actual price or sale price.
  • Display Wishlist Button:Enable or disable it to show or hide the wishlist button.
  • Call To Action Button One:Enable or disable to show or hide the button one.There are four type of button which are Product Detail link,Common
    Custom link,Individual Custom Link,Add to Cart.
  • Call To Action Button Two:Enable or disable to show or hide the button one.There are four type of button which are Product Detail link,Common
    Custom link,Individual Custom Link,Add to Cart.

Ribbon Settings

product settings

The Ribbon/Banner Settings is used to show the product sale or banner content.There are 6 different ribbon position with 8 ribbon templates.It include the following settings.After enabling the ribbon position ribbon type and ribbon template will appear which are described
below.

  • Ribbon Type:
    This is used to select the ribbon content.The content can be either text or icon.It
    is of two type text and icon.
  • Ribbon Template:
    This is used to select the ribbon template.There are 8 different ribbon template.

Pagination Settings

pagination-settings

The Pagination settings is used to show pagination on product’s post.It include the following settings.

  • Number of Post: This is used to select number of product to show in frontend.Here the default value is 5.
  • Show Pagination: This is used to show pagination.If you will check this then pagination field will appear.
    • Pagination:This is used to select the types of pagination.It is of three types: Standard Pagination,Load More Button,Infinite Scroll Pagination.
      Standard Pagination and load more button has there own templates to choose.If you will select load more button then following field will appear:

      • Load More Template: This is used to select the required template for load more.
      • Load More Text: This is used for the text which appear in load more button.
      • Loader: This is used to show loader image before the other page images load.

      The Infinite Scroll Pagination is used to show the images pagination function with scroll.Here the loader has same function as above.

  • Social Share Settings

    social-settings

    This is used to show the share link for the post.You can enable the facebook,twitter,google plus,linkedin,Email,pinterest,vk share link to share the product post respectively.

    Filter Settings

    filter settings

    To show filter effect please enable the Enable filter field.Then the following field will appear:

    • All Items Label:This is used for all text label in filter.
    • Taxonomies/Categories: This is used to select the filter from category/taxonomy.Please note the taxonomy will be listed according to the post type selected in post setting block.
    • Terms Type:This is of two type All and Specific.Select all if you want to show filter from all terms of above selected category.Select specific to show filter from specific terms which can be choosen.
    • Filter Template: This is used to select the templates for filter.

    lightbox settings

    The lightbox settings is used to show the product details contents in lightbox.This settings include the following settings:

    • Display Lightbox:Enable to show full content of product in lightbox.
    • Lightbox Label: This is used to enter the label for lightbox label.
    • Lightbox Template: This is used to select the different types of templates for lightbox.

    WP Product Gallery Banner/Ribbon Settings

    individual ribbon settings

    The WP Product Gallery Banner/Ribbon Settings is used to show the product sale or banner content individually.There are 6 different ribbon position with 8 ribbon templates.It include the following settings.

    The default option will keep overall ribbon settings.The none option will not allow ribbon.After enabling the ribbon position ribbon type and ribbon template will appear which are described below.

    • Ribbon Type:
      This is used to select the ribbon content.The content can be either text or icon.It
      is of two type text and icon.
    • Ribbon Template:
      This is used to select the ribbon template.There are 8 different ribbon template.

    WP Product Gallery Settings

    product gallery settings

    The WP Product Gallery Settings is used for individual product settings for button link and gallery.It has following settings:

    • Call To Action Button One Link:
      This is used to show the individual custom link for call to action button one
    • Call To Action Button Two Link:
      This is used to show the individual custom link for call to action button two
    • Upload Swap on Hover Image:
      This is used to show the swap image for Swap On Hover animation type.
    • Upload Products Gallery:
      This is used to show the product gallery which is used inside the lightbox.

    Product Price Settings

    product price settings

    The Product Price Settings is used in WP Product Manager to showcase the product actual and sale price. It include the following settings:

    • Regular Price: This is used to showcase the regular price.
    • Sale Price: This is used to showcase the sale price.

    Shortcode Usage

    shortcode-usage

    In WP Product Gallery Usage metabox you can get the shortcode for page and theme which you can copy & paste the shortcode directly into any WordPress post or page or theme.

    This documentation tried to cover as much details about plugin to ease your plugin experience. To see screenshots of plugin backend and frontend templates, you can see them here

    More WordPress Resources

    Themes Compatible with the Plugin :

    WP Product Gallery works best with every WordPress theme. It’s even more remarkable when used with popular themes like VMagazine and AccessPress Parallax.

    AND IF THIS PLUGIN HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT :

    WPAll Club – A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more.

    Premium WordPress Themes – 6 premium WordPress themes well suited for all sort of websites. Professional, well coded and highly configurable themes for you.

    Premium WordPress Plugins – 45+ premium WordPress plugins of many different types. High user ratings, great quality and best sellers in CodeCanyon marketplace.

    AccessPress Themes – AccessPress Themes has 50+ beautiful and elegant, fully responsive, multipurpose themes to meet your need for free and commercial basis.

    8Degree Themes – 8Degree Themes offers 15+ free WordPress themes and 16+ premium WordPress themes carefully crafted with creativity.