eStore – need shortcode assistance with custom price boxes

[robyn4377]

Although you have generously provided many options for “fancy” product layouts, it would take me too long to customize your CSS to make any of them work with the look of my client’s site.

The WordPress theme my client is using has built-in shortcodes for “fancy price boxes” that work much better for the look of her store. After reviewing all of the WP eStore shortcode reference material I have been able to add some product information to the theme’s box. However, I have three issues I need assistance with:

I am using eStore’s dynamic product details retrieval feature:

https://support.tipsandtricks-hq.com/forums/topic/dynamically-create-custom-product-displays-using-product-detail-shortcodes

1. What “parameter” do I use to show the product image thumbnail? Using info=”thumbnail” does not work. The only parameters for this dynamic display shortcode that you have listed are for price, description, sales_count, and available_copies.

2. All of my client’s products will all have variations (I am using your eStore Variation UI Addon). What “parameter” do I use to display the variations drop down box?

3. The theme’s fancy price box also has a built in “button” where I can customize the text…allowing me to use it as an Add To Cart button. How can I make this button function like the WP eStore “Add to Cart” shortcode does?

Here is a link to the product page that is under construction to give you a reference of what I am needing.

[http://thetravelingsoulpress.com/ebook-boxes-test-page]

The price box at the top is using your known shortcodes.

The price box at the bottom is what I would like it to look like.

And here is the code I am currently using to create the product info box.

Code:

[one_half][titled_box align=”center”]
[div style=”text-align:center”][wp_eStore_product_details id=1 info=”thumbnail”]
[wp_eStore_product_details id=1 info=”name”]
[wp_eStore_product_details id=1 info=”description”]
[wp_eStore_product_details id=1 info=”price”][/div][button link=”#” size=”large” align=”center”]ADD TO CART[/button][/titled_box][/one_half]

Thank you for your assistance.

[admin]

You can use the purchase button link option. So the button link will be a simple text link. Here is the documentation:

https://support.tipsandtricks-hq.com/forums/topic/estore-how-to-use-a-text-link-to-accommodate-the-purchase-of-a-product

If you have variations that you need your user to select from the drop down then it is best to use simple eStore button shortcode then style the button using CSS or an image. So for exmaple, the following shortcode will place the add to cart button with variations:

[wp_eStore_add_to_cart id=1]

Then you can customize the button’s appearance using this technique:

https://support.tipsandtricks-hq.com/forums/topic/wp-estore-customizing-the-buttons-changing-the-button-images

[robyn4377]

Dear admin…

Thank you for the above answers to how to make my add to cart button work and to add a variation selector box.

I still need to know the shortcode parameter that will place the image in the box.

Thank you.

Cammy

[admin]

Hi Cammny, When you say “image in the box”, do you mean an image for the purchase button?

The following post explains how you can use any custom image for your purchase button:

https://support.tipsandtricks-hq.com/forums/topic/wp-estore-customizing-the-buttons-changing-the-button-images

[robyn4377]

Hi Admin…

I apologize for not being clear. I meant the product image thumbnail.

[admin]

I have added an example showing how to retrieve the product thumbnail image in the following documentation:

https://support.tipsandtricks-hq.com/forums/topic/dynamically-create-custom-product-displays-using-product-detail-shortcodes

See the section labelled “Retrieving the Product Thumbnail Image”

[Author]

Posts