Return to previous page

I want to insert the selected product in the form of a short code in the blog post, but it does not

This topic has 15 replies, 3 voices, and was last updated 11 months, 3 weeks ago ago by Andrew Mitchell

Mac

Participant

December 26, 2023 at 09:03

I want to insert the selected product in the form of a short code in the blog post, but it does not display regardless of the product id or sku.

[ product_page id=”99″]
[ product_page sku=”FOO”]

Please, contact administrator
for this information.

#377690 Copied Theme version: 5.2.5 WooCommerce version: Version 8.3.1

14 Answers

Rose Tyler

Support staff

December 26, 2023 at 11:33

Hello, Mac,

Thank you for contacting us and for using XStore.

[product_page id="5986"]
Please be informed that we have completed the editing of your article titled “How To Engrave Your Crypto Seed Phrase With A Steel Stamp On The Steel Seed Phrase Plates.” We kindly ask that you review the updated version at your earliest convenience.

Kind Regards,
8theme team

#377720 Copied

Mac

Participant

December 26, 2023 at 15:16

But the product is still not displayed

#377738 Copied

Rose Tyler

Support staff

December 26, 2023 at 15:24

Hello, Mac,

We have noticed that subsequent modifications were made to the post following our last edit. To address this, we have reinserted the previously mentioned shortcode for your review.

Kind Regards,
8theme team

Please contact administrator
for this information.

#377740 Copied

Mac

Participant

December 26, 2023 at 16:08

The product has been displayed, but the product image is displayed abnormally

Please contact administrator
for this information.

#377742 Copied
Rose Tyler

Support staff

December 26, 2023 at 17:24
Hello, Mac,

We are pleased to inform you that the issue has been resolved. The solution was implemented by inserting the following custom CSS code into the ‘Theme Options > Theme Custom CSS’ section of your website:
```
.single-post .single-product-builder .zoom, .single-post .single-product-builder .zoom {
    visibility: visible !important;
    opacity: 1 !important;
}
```
Kind Regards,
8theme team
#377745 Copied
Mac

Participant

December 27, 2023 at 04:17

Now it is indeed displayed normally. If I only insert one product, there is no problem. But if I want to insert two products side by side, because the product pages with Related Products and Recently Viewed are inserted, the final effect will be very large and messy.

I tried the following methods, but none of them solved the problem

1：shortcode
[product_page id="5923" show_related="false" show_recently_viewed="false"]
or
[product_page id="5923" only="title,price,add_to_cart"]

Probably because the inserted CSS code sets the visibility and transparency of elements of class “.single-post .single-product-builder .zoom” to “visible” and “1”. This means that these elements will always be visible and will not be affected by any other CSS styles

2：

$product = new WC_Product(5923);
get_permalink()}” class=”button”>Add to Cart

This method also failed. Does Furniture 3 theme support WooCommerce shortcodes and functions?

3：

{$product->get_title()}
{$product->get_price()}

get_permalink()}” class=”button”>Add to Cart

This method also failed

#377762 Copied

Mac

Participant

December 27, 2023 at 04:42

My requirement is not to change the reality of the product main page, including the display of Related Products and Recently Viewed. When I insert a product into a blog post, I only need to display the product’s picture, title, price and add to cart button. Just like what is shown on the shop page. How do I implement um

#377763 Copied

Rose Tyler

Support staff

December 27, 2023 at 08:50

Hello, Mac,

Thank you for getting in touch with us.

Should you wish to display your products in a manner similar to that on the shop page, we kindly ask that you utilize the pre-designed elements available, such as the Products Grid. You can find an example here: https://prnt.sc/4yZnkRLx6Q2Y

Should you require a different presentation, we would be grateful if you could provide us with a more detailed description of your preferred outcome.

Kind Regards,
8theme team

#377780 Copied

Mac

Participant

December 27, 2023 at 10:13

This method solves my needs. Do I still need to delete the valuable inserted code? Will it affect other parts of the website if I don’t delete it?

#377786 Copied

Rose Tyler

Support staff

December 27, 2023 at 10:23

Hello, Mac,

We are grateful for your swift reply.

Please be advised that the following code can be safely removed to ensure everything functions correctly: https://prnt.sc/DhnVMh-iqe1z

Kind Regards,
8theme team

#377787 Copied

Mac

Participant

December 27, 2023 at 10:27

Then please help me delete it. I actually haven’t found the location to delete it yet.
Thanks

#377788 Copied

Rose Tyler

Support staff

December 27, 2023 at 10:35

Hello, Mac,

Deleted.

Kind Regards,
8theme team

#377789 Copied

Mac

Participant

December 27, 2023 at 11:10

thanks

#377792 Copied

Andrew Mitchell

Support staff

December 27, 2023 at 11:11

Dear Mac,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#377793 Copied
Tagged: blog post product integration, product insertion, selected product shortcode, woocommerce shortcodes, woocommerce wordpress templates, wordpress blog post
Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘I want to insert the selected product in the form of a short code in the blog post, but it does not’' has been successfully resolved, and the topic is now closed for further responses

I want to insert the selected product in the form of a short code in the blog post, but it does not

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection