Product ID Shortcode but with list style

Hi @digitaldel ,

Hi there! I want to display certain products on some of my website pages. I am using [product id=”x”] shortcode, but I want instead of displaying the product in a grid, I need a list style with excerpt.

Is there any way to do this?

Out of the box with WooCommerce, this isn’t an option to show products as a list with an excerpt. You may want to check other WooCommerce extensions to show a list of products with excerpts on your site, one such plugin is https://www.ads-software.com/plugins/gridlist-view-for-woocommerce/

I hope this helps!

• This reply was modified 5 years, 3 months ago by wpnomad a11n.

Hi there! First of all thank you so much for your time.
Unfortunately this is not what I had in mind. I really want to insert single products in my page, like [product id=’xx’] shortcode. But the product that I want inserted in the page, I want it to be displayed with an excerpt, not just the thumbnail, title and price.

Hi @digitaldel ,

Thank you for further details.

I really want to insert single products in my page, like [product id=’xx’] shortcode. But the product that I want inserted in the page, I want it to be displayed with an excerpt, not just the thumbnail, title and price.

This will depend on the way your theme styles the components. If the existing theme doesn’t display the products in such format, then you will need a new template which shows the product as you need – you will need help of a web developer for this.

As a workaround, you can use WordPress block editor to add any content (excerpt, images etc.) and then add a button (for adding the product to cart). You can link the add to cart button to URL in format of https://yourwebsite.com/shop/?add-to-cart=PRODUCT_ID. Make sure to replace yourwebsite.com with the domain of your site and PRODUCT_ID with the ID of the product.

The setup in block editor should look somewhat like this: https://d.pr/i/YK053h

I hope this helps.

Hi @digitaldel

I hope you were able to take a look at the suggestions offered by @wpnomad. The buttons block within the block editor, coupled with the add to cart link: https://yourwebsite.com/shop/?add-to-cart=PRODUCT_ID should help you in achieving your needs.

Since we haven’t heard from you in a while, I’m going to mark this topic as Resolved. Let us know if you keep running into troubles. You can either reply here to follow-up with the same problem, or create a new thread to report your troubles to us.

All the best!