Home › Forums › WoodMart support forum › Compact product card with buy button inside blog posts (Classic Editor)

Compact product card with buy button inside blog posts (Classic Editor)

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 21, 2026 at 12:16 pm #724080

    marketingdigital-5837
    Participant

    Hi, Xtemos team,

    I’m using the WoodMart theme, Megamarket template. I build the rest of the site with Elementor, but I write my blog posts with the WordPress Classic Editor.

    I’d like to insert products from my WooCommerce store inside those blog posts, so they show up as a compact card (image, title, price and add-to-cart button), the same way they look in the regular shop listing.

    I’ve tried the [products ids="X"] shortcode, but inside the Classic Editor it doesn’t inherit the theme’s card styling. It shows up without the WoodMart design, way too large and out of place with the rest of the post content.

    I’ve also tried [product_page id="X"], but that displays the full product page (large image, long description, variations), which is too heavy to insert several times within the same article.

    What I need is the small product card, with the actual WoodMart design, working inside a blog post written in the Classic Editor.

    Is there a WoodMart-specific shortcode or block built for this? Or does the standard WooCommerce shortcode need some extra configuration to inherit the theme styles outside of product or category pages?

    Thank you in advance.

    July 21, 2026 at 3:32 pm #724095

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Can you please share the Post Page URL where you have added the shortcode? Also, share the WP login details so I can check on your site and give you a possible solution.

    Best Regards

    July 22, 2026 at 11:47 am #724151

    marketingdigital-5837
    Participant

    Hi,

    Just to clarify, I haven’t added the shortcode to any live post, since it looked huge when I tested it, without the theme’s usual card design. That post currently has a plain image or URL of the product in its place instead.

    I’m sharing the article URL and my login details through the ticket’s private area, since I understand you handle many cases per day and this avoids mixing them up with other tickets.

    Best regards.

    July 22, 2026 at 3:26 pm #724167

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    I have checked your site and tested the default WooCommerce shortcode, and it inherits the full WoodMart card design, hover effects, and responsive grid layout perfectly.

    See the screenshot for clarification:https://postimg.cc/mt5X5r5t

    To display your products in a neat, compact grid inside your Classic Editor blog posts, you can use the following shortcode setup:

    [products limit="8" columns="4"]

    Best Regards

    July 23, 2026 at 9:58 am #724185

    marketingdigital-5837
    Participant

    Hi,

    Thanks for testing, but my issue is different from what you checked. Your test displayed a grid of several products, which naturally looks fine. My use case is embedding a single specific product by its ID, like this:

    [products ids="2490" columns="1"]

    Even forcing a single column, the card still renders at full width instead of the normal compact size. In fact, I had to zoom out to 50% in my browser just to fit the whole card in a single screenshot, as shown in the attached image. Could you please test with a single product ID (rather than a multi-product grid) to reproduce the issue on your end?

    Best regards

    Attachments:
    You must be logged in to view attached files.
    July 23, 2026 at 2:15 pm #724199

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    I have tested the shortcode with a single product ID as you mentioned:

    [products ids="2490" columns="1"]

    The shortcode is working as expected and uses the default WooCommerce/WoodMart product loop styling. However, when displaying only one product with columns=”1″, WooCommerce renders it as a single full-width grid item, which is the default behavior of the shortcode.

    If you want to display a single product in a compact card style inside a blog post, we recommend using more than one column setting, for example:

    [products ids="2490" columns="4"]

    This keeps the product card width similar to the shop/archive product grid.

    Best Regards

    July 30, 2026 at 11:02 am #724586

    marketingdigital-5837
    Participant

    Hi Aizaz,

    Just wanted to confirm that your solution worked perfectly. Thanks for the quick and effective support — really appreciate it.

    Best regards.

    July 30, 2026 at 2:38 pm #724626

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You’re Most Welcome!

    Feel free to write back anytime. If you need further assistance, we are always here to help you.

    If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme:
    https://www.trustpilot.com/review/xtemos.com

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Compact product card with buy button inside blog posts (Classic Editor)’ is closed to new replies.