Posted on by — Leave a comment

How To Setup WooCommerce Pages Using Shortcodes

https://kb.oboxthemes.com/articles/how-to-setup-woocommerce-pages-using-shortcodes/

How To Setup WooCommerce Pages Using Shortcodes

This is a  for: ,    Add To My Bookmarks

Problem Description:

If you are having issues with your shop, cart or checkout pages page not working, being lost or duplicated, refer to the Documentation area and reference your theme’s “Verify WooCommerce Pages” article for important steps to take.

Answer:

Shop Pages

When you install WooCommerce, you are prompted to automatically install your pages. These are then correctly linked to WooCommerce. Note that there are not physical pages for everything – content like My Account > Change Password is dynamically generated using what is called an “Endpoint”. For this reason, you don’t need to create a physical page for all of these different parts of the account area.

To ensure your WooCommerce pages are setup correctly and linked, see your Theme Documentation’s “Verify Your WooCommerce Pages” article.

The shop page is designated by selecting the Shop page template. There is no shortcode.

Cart

Used on the cart page, the cart shortcode displays the cart contents and interface for coupon codes and other cart bits and pieces. Use the Full Width page template with this shortcode.

Your cart is currently empty.

Return to shop

Checkout

Used on the checkout page, the checkout shortcode displays the checkout process. Use the Full Width page template with this shortcode.

Order Tracking Form

Lets a user see the status of an order by entering their order details. Use the Full Width or Shop Sidebar page template with this shortcode.

To track your order please enter your Order ID in the box below and press the "Track" button. This was given to you on your receipt and in the confirmation email you should have received.

My Account

Shows the ‘my account’ section where the customer can view past orders and update their information. You can specify the number or order to show, it’s set by default to 15 (use -1 to display all orders.)

Use the Full Width or Shop Sidebar page template with this shortcode.

Login

Register

A password will be sent to your email address.

Your personal data will be used to support your experience throughout this website, to manage access to your account, and for other purposes described in our privacy policy.

Special WooCommerce Pages

The following shortcodes can be used to create custom shop pages such as category lists, on-sale and featured products.

When setting the number of columns, keep your WooCommerce image sizes in mind. If you have your images set to the theme recommendation, they will be optimized for 3 columns with a sidebar in most cases. Setting your shortcode to 3 or more columns shouldn’t be an issue, but if you choose to show less columns, your images will not fill out the column.

Sale Products

List all products on sale. Use the Full Width or Shop Sidebar page template with this shortcode.

Best Selling Products

List best selling products. Use the Full Width or Shop Sidebar page template with this shortcode.

Top Rated Products

List top rated products. Use the Full Width or Shop Sidebar page template with this shortcode.

Products With Specific Attributes

List products with an attribute. For example, create a page that shows all products that have thecolor attribute, and show only black ones. Note that the WooCommerce filtered nav allows you to create links to filtered pages like this automatically, but this shortcode is useful if you have a promotion running on black dresses, for example.

Use the Full Width or Shop Sidebar page template with this shortcode.

Recent Products

The Shop page template will do this by default. Only use this shortcode if you want a specially formatted landing page that is different from your main shop index, or if you want to display the shop without widgets on your homepage by using a static page.

Use the Full Width or Shop Sidebar page template with this shortcode.

The ‘per_page’ attribute determines how many products to show on the page and the columns attribute controls how many columns wide the products should be before wrapping.

Featured Products

Works exactly the same as recent products but displays products which have been set as “featured”. In this example, the page will show 12 featured products per page in 4 columns.

Use the Full Width or Shop Sidebar page template with this shortcode.

Single Product

Show a single product by ID or SKU. Use the Full Width or Shop Sidebar page template with this shortcode.


*If the product isn’t showing, make sure it isn’t set to Hidden in the Catalog Visibility.

To find the Product ID, edit the product and look at the browser address bar. The ID follows the “post” part of the URL as shown here:

post id

Multiple Products

Show multiple products by ID or SKU. Use the Full Width or Shop Sidebar page template with this shortcode.


To find the Product ID, edit the product and look at the browser address bar. The ID follows the “post” part of the URL as shown here:
post id

Add To Cart

Show the price and add to cart button of a single product by ID. This is useful if you have a POSTannouncing a product and want to give users a quick way to buy or download.

Product Category

Show multiple products in a category by slug. Note that WooCommerce already creates category pages, but this shortcode is useful if you want to setup a special set of products without using the widgetized page template and widgets.

Use the Full Width or Shop Sidebar page template with this shortcode.

To find the category slug, go to Products > Categories and look at the slug column.

woocommerce product category slugs

Product Categories

Display a list of featured images representing your product categories on a special page.

You can do this without a shortcode by going to WooCommerce > Settings and setting the “Shop Page Display” option to Show SubCategories under the Products tab. This shortcode is useful if you want to show all categories on one page without adjusting your post count for your shop.

Use the Full Width or Shop Sidebar page template with this shortcode.

The number attribute is used to display the number of products and the ids attribute is to tell the shortcode which categories to display. To get the category ID, edit a category and look at the browser address bar. The Category ID is the number following the “tag_ID” part of the URL. If you want to show all categories, you can omit the ids attribute.

woocommerce category id

Leave a Reply

Your email address will not be published. Required fields are marked *