Resolved Woocommerce product as Homepage

Woocommerce product as Homepage

Woocommerce product as Homepage This is generally required for Ad campaigns and product deal of the day sales, or for sites having a single product or service to highlight the page.

Table of Contents

Display Single Product Page to a WooCommerce Home Page

Woocommerce product as Homepage
From Appearance > Settings you can change your home page
PRODUCT ID woocommerce netnaps
This Screenshot Shows the ID of the Product here 26 is the ID

Short Codes

You can Display products on a Home Page with the short codes of the Product ID, Simply like

[product_page id="1234"]

Please change your product id with whatever you wish to display.

If this doesn’t displays, to solve this you can remove the <pre> Tags from the Short Code, Explained here with the Official documentation.

Here is the link if you want to explore Shortcodes included with WooCommerce

Code in your Template

<?php echo do_shortcode('[product_page id="1234"]'); ?>

This Code goes between your header and footer code of the page template for the home page.

Manually with an image and cart shortcode

You can display the same with the image selected from block editor and then below that using the cart short-code

frontpage add to cart
Resolved Woocommerce product as Homepage 6

The Result is like this

result at the home page
Resolved Woocommerce product as Homepage 7
Avatar of Rahul Kharbanda

By Rahul Kharbanda

Hi, I am Rahul Kharbanda from India. I hope you like all the content I made. Welcome to comment & connect. I am on Quora , Github , Twitter

Leave a Reply