Return to previous page

How to include ‘Single product’ block in Home page?

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

Carty

Participant

April 27, 2024 at 09:20

Hello team,

I’m building a one product focused store. The home page will act like a landing page for the 1 main product. How do I include the single product block? I don’t see this block in Elementor widgets. However, woocommerce does have a single product block. Can you please help me on how to do this?

Thank you.

#393158 Copied Theme version: 9.3.7

7 Answers

Rose Tyler

Support staff

April 27, 2024 at 09:59

Hello, Carty,

Thank you for reaching out to us with your query.

Please check this demo – https://xstore.8theme.com/elementor/demos/headphone/ and try to use the shortcode on your site https://prnt.sc/paPZIYT-FyGC [product_page id="340"] , the id you can found here – https://prnt.sc/Kl-ztSI2H8TF

Best Regards,
8Theme’s Team

#393160 Copied

Carty

Participant

April 27, 2024 at 10:20

Thanks for the quick reply.

I did try that first and it included the detailed description or product tabs as well.

I want only the top part like product gallery, excerpt, variations, add to cart button etc.

How can we do that?

#393162 Copied

Rose Tyler

Support staff

April 27, 2024 at 10:48

Hello, Carty,

We appreciate your prompt response.

To proceed, please use custom CSS code to disable the unnecessary elements. Kindly provide us with the URL of the page on your site where the product is displayed. This will enable us to suggest the appropriate code for your needs.

Best Regards,
8Theme’s Team

#393164 Copied

Carty

Participant

April 27, 2024 at 14:44

Have sent the URL.

I have turned on single product builder so now the content in description is not loaded but the tab heading and related products are loaded.

Please help me with CSS code to hide.

Thank you.

Please contact administrator
for this information.

#393201 Copied
Rose Tyler

Support staff

April 27, 2024 at 15:11
Hello, Carty,

We appreciate your prompt response.
```
.elementor-shortcode .woocommerce-tabs, 
.elementor-shortcode .related-products-wrapper {
    display: none;
}
```
Best Regards,
8Theme’s Team
#393203 Copied
Carty

Participant

April 27, 2024 at 15:20

Perfect!

Thank you.

#393205 Copied

Andrew Mitchell

Support staff

April 27, 2024 at 15:20

Dear Carty,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#393206 Copied
Tagged: ecommerce website, home page customization, online store design, product display, single product block, woocommerce, wordpress templates
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How to include ‘Single product’ block in Home page?’' has been successfully resolved, and the topic is now closed for further responses

How to include ‘Single product’ block in Home page?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection