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
- Extract the plugin package on your machine that you downloaded from CodeCanyon.
- Hover over the plugins menu item on your left sidebar in your WordPress admin area and select "Add New".
- In the new page click on the "Upload" menu item on top of the page.
- Choose the "displayproductwoo-1.8.3.installable.zip" file that you extracted from the downloaded package and click "Install Now".
- WordPress may ask you to type your FTP login credentials to install the plugin. Click on "Proceed" when you finished.
- The plugin is now installed, click on the "Activate Plugin" button.
Installation via FTP
- Extract the plugin package on your machine that you downloaded from CodeCanyon.
- Find the "displayproductwoo-1.8.3.installable.zip" file in the extracted content and extract it also.
- Open your favourite FTP application and connect and navigate to your "/wp-content/plugins/" folder
- Copy over the folder extracted from "displayproductwoo-1.8.3.installable.zip" file
- 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
-
Click Display Product for WooCommerce Icon.
-
Select Layout.
.
-
Customize it.
-
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.