# Display Product for WooCommerce [Shortcode]

Display Product - Multi-Layout Responsive WooCommerce Plugin

- created: 11/16/2013
- latest update: 11/17/2013
- by: Preukson
- email: preukson@gmail.com

### Overview

If you have the problem concerning to product item display of WooCommerce plug in which can display as required. Plug- In Display Product for woocommerce with shortcode will be an auxiliary equipment which provides you can control product display in everywhere and every form as your desire.

### Features

- Easy-to-use with Shortcode Generator
- 6 Layouts. Ex. Grid ,List ,Table ,Box ,Carousel Box ,Carousel Grid
- Supports all major browsers (including IE7, but for using the Display Product for WooCommerce WP admin we recommend Chrome, Safari or Firefox)
- Touch-control for mobile devices
- SEO friendly
- Skin support with 9 skins

### Installation

#### Installation via WP plugin installer

1. Extract the plugin package on your machine that you downloaded from CodeCanyon.
2. Hover over the plugins menu item on your left sidebar in your WordPress admin area and select "Add New".
3. In the new page click on the "Upload" menu item on top of the page.
4. Choose the "displayproductwoo-1.8.3.installable.zip" file that you extracted from the downloaded package and click "Install Now".
5. WordPress may ask you to type your FTP login credentials to install the plugin. Click on "Proceed" when you finished.
6. The plugin is now installed, click on the "Activate Plugin" button.

#### Installation via FTP

1. Extract the plugin package on your machine that you downloaded from CodeCanyon.
2. Find the "displayproductwoo-1.8.3.installable.zip" file in the extracted content and extract it also.
3. Open your favourite FTP application and connect and navigate to your "/wp-content/plugins/" folder
4. Copy over the folder extracted from "displayproductwoo-1.8.3.installable.zip" file
5. Navigate to your plugins page on your WordPress admin area and click the "Activate" button below LayerSlider WP

### Quick Start

Go to page or post

1. Click Display Product for WooCommerce Icon.
2. Select Layout.
   .
3. Customize it.
4. Click "Insert Product Shortcode" button

### Example Shortcode

[displayProduct type="grid"]

### Layout

#### Grid

Shortcode : [displayProduct type="grid"]

- Example

#### List

Shortcode : [displayProduct type="list"]

- Example

#### Table

Shortcode : [displayProduct type="table"]

- Example

#### Box

Shortcode : [displayProduct type="box"]

- Example

#### Carousel Box

Shortcode : [displayProduct type="carousel"]

- Example

#### Carousel Grid

Shortcode : [displayProduct type="carouselGrid"]

- Example

### Filter

- Select Product
  - All Product
  - Filter Product
    - Featured Product
    - Sales Product
    - In Stock Product
    - Out of Stock Product
- Product Category
  - All Category
  - Custom Category

### Display Options

- Title
- Excerpt
- Thumbnail
- Price
- Star
- SKU
- Category
- Tag
- Add to Cart & Other Button
- Sale
- Out of Stock
- Link to Product Page

### Skin & Animation

### Skin

- Default
- Blue
- Green
- Orange
- Pink
- Dark
- Brown
- Other

### Animations

- fadeIn
- fadeInLeft
- fadeInRight
- fadeInUp
- fadeInDown
- rotateIn
- rotateInLeft
- rotateInRight
- rotateInUp
- rotateInDown
- bounce
- bounceInLeft
- bounceInRight
- bounceInUp
- bounceInDown
- elasticInLeft
- elasticInRight
- elasticInUp
- elasticInDown
- zoomIn
- zoomInLeft
- zoomInRight
- zoomInUp
- zoomInDown
- jellyInLeft
- jellyInRight
- jellyInDown
- jellyInUp
- flipInLeft
- flipInRight
- flipInUp
- flipInDown
- flipInV
- flipInH
- shake
- pendulum

### Template Codex

## Usage

<?php echo do_shortcode('Product Shortcode');?>

##

## Examples

    // Use shortcode in a PHP file (outside the post editor).

<?php echo do_shortcode('[displayProduct type="grid" skin="pink"]'); ?>

### Changelog

## 1.1.4

- first release

### support

If you have any questions about Display Product for WooCommerce plugin contact us on preukson@gmail.com :) TP2P Rocks.