How can I display a product with only Add To Cart Button and Price,?

[dilman]

TL;DR. Is there a shortcode I can use to display a product with only the Add to cart button and price, leaving out the product name, description, and thumbnail?

I’m setting up a bookstore, and so far this plugin works nice for me. However, the product is limited in displaying everything I’d need to interest a buyer enough to get the book, with things like reviews (not customer reviews but what critics say about the book), detailed descriptions (like number of pages, word count, etc), sample chapter or sample audio, and so I set up a page for each product to accommodate all this.
However, when I use “Add to Cart”, I can’t find a display option that shows only the button and a price, which would be ideal for me since the product name, thumbnail, and description already appear elsewhere on the page. I’ve seen short codes that exclude the thumbnail, so I left out the product description, and it works nicely, but it still displays the name. So I’m wondering if there’s a way I can get rid of the product name?

I’ve previously tried to name the product as simply ‘ebook’, but once I have many books then this might be confusing as to which product the customer has bought.

Any help? A screenshot of my website, illustrating the issue.

[admin]

The following standard shortcode can be used to display only the Add to Cart button without any additional HTML. This allows you to place any content you like above or below the button and format the surrounding elements however you prefer:

[wp_eStore_add_to_cart id=1]

If you are using one of the fancy product display templates, the product name can be hidden with a small CSS tweak. If you can send me a link to the page where the product is displayed, I can inspect it in my browser and suggest the exact CSS needed to hide the product name.

You may want to try one of the existing stylish product display templates that is closer to what you are looking for, and then hide specific sections with CSS if needed:

Stylish Product Display Options for WP eStore

[dilman]

This shortcode [wp_eStore_add_to_cart id=1] is what I tried at first but it does not display the price. If I can get the price to show on this short code, then I’ll be good to go.

Here is the link to the page, and as you can see, I used fancy1, but left the description blank so it doesn’t show up on the page.

The Blossoming of the Big Tree

[admin]

The [wp_eStore_add_to_cart id=1] shortcode is the way to go, but you will need to enter any details you want to display (for example, the price) directly in the editor.

For example, you can enter the following in your page editor to test it out:

Price: $16.00
[wp_eStore_add_to_cart id=1]

You can format the price text using the standard WordPress block editor.

If you use a product display shortcode that automatically shows certain product details, it may not be suitable for cases where you want full control of the layout. The idea with this shortcode is that you add any text, images, or other content you want on the page to create the display layout, and the shortcode simply generates the “Add to Cart” button.

[Author]

Posts