Tips and Tricks WP eCommerce

eCommerce Solution for WordPress Blog

  • Home
  • eCommerce Plugins
  • WP eStore Documentation
  • WP Shopping Cart Doc

How to Show a Product Display Box

You can use the “wp_cart_display_product” shortcode to create a product display box on the fly when using the Simple WP Shopping cart plugin. This can be very handy to display your products on a post, page or sidebar easily.

Here is an exmaple shortcode that shows you how to use a product display box.

[wp_cart_display_product name="My Awesome Product" price="25.00" thumbnail="http://www.example.com/images/product-image.jpg" description="This is a short description of the product"]

Replace the values with your product specific data to show a product display box for your product(s).

The above shortcode will product a product display box similar to the following screenshot:

product display box example

Using a Product Box with Product Variation

Here is an example shortcode usage with product variation:

[wp_cart_display_product name="My Awesome Product" price="25.00" thumbnail="http://www.example.com/images/product-image.jpg" description="This is a short description of the product" var1="Size|Small|Medium|Large" var2="Color|Red|Blue|Green|Black"]

The above shortcode will display a product for sale like the following:

product box with variation

Using Shipping With the Product Box

Here is an example of how to add the shipping parameter with the product box shortcode:

[wp_cart_display_product name="My Awesome Product" price="25.00" thumbnail="http://www.example.com/images/product-image.jpg" description="This is a short description of the product" var1="Size|Small|Medium|Large" var2="Color|Red|Blue|Green|Black" shipping="5"]

Specifying an Alt Tag for the Thumbnail Image

You can use the thumb_alt parameter in the shortcode to specify an alt tag for the thumbnail image to be used in the product box. Below is an example:

[wp_cart_display_product name="My Awesome Product" price="29.00" thumbnail="http://www.example.com/images/product-image.jpg" description="This is a short description of the product" thumb_alt="Test alt tag for the thumbnail image"]

Creating a Grid Display With Product Boxes

Check this tutorial to learn how you can stack the product boxes side by side.

Note: We provide technical support for our premium plugins via our customer only support forum

Filed Under: WordPress Shopping Cart Tagged With: e-commerce, product box, Product Display, WP Shopping Cart

Comments

  1. admin says:

    @Chris, The ones for eStore are only available in the WP eStore plugin.

  2. Chris says:

    @admin,

    Thank you for your reply and I agree with your statement. I should have been more specific and asked if the Simple WP Shopping Cart supports the same Fancy product displays that the WP eStore plugin’s shortcode, such as the examples here: https://www.tipsandtricks-hq.com/ecommerce/stylish-product-display-options-for-wp-estore-829

    Thank you for your continued support.

    Chris

  3. admin says:

    @Chris, The example you are seeing on this page is for the simple WP Shopping cart.

  4. Chris says:

    Great plugin! Thank you for it.

    Is it possible to use the Fancy product displays with the Simple WP Shopping cart plugin?

    Thanks again.

  5. admin says:

    Yeah you can target the box and specify a color via the CSS.

  6. Martin says:

    Hi,
    Super nice and simple plugin! Thanks!

    Is it possible to change the background color of the product displaybox?

    Best Regards
    Martin

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Your Shopping Cart

Shopping Cart Empty
Shopping Cart is Empty
Visit The Shop

Search

Featured Documents

Stylish Product Display Options for WP eStore WP eStore Quick Setup and Usage Video Tutorial WP eStore Shortcodes and Functions Reference WordPress eStore Plugin Features WordPress eStore Plugin Demo What Our Customers Have to Say About Our Products WordPress eStore WishList (Feature Suggestions) WordPress eStore Frequently Asked Questions (FAQ) How to Show Add to Cart buttons

Featured Plugins

wordpress_estore_icon
wordpress membership plugin icon
WP Express Checkout Plugin
Lightbox Ultimate Plugin
wordpress_affiliate_plugin_icon

Copyright © 2023 | eCommerce Plugins