How To Setup WooCommerce Pages Using Shortcodes

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

How To Setup WooCommerce Pages Using Shortcodes

This is a How To for: Tips & Tricks, WooCommerce   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.

Shop

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.

[woocommerce_cart]

Checkout

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

[woocommerce_checkout]

Order Tracking Form

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

[woocommerce_order_tracking]

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.

[woocommerce_my_account order_count="12"]

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.

[sale_products per_page="12″]

Best Selling Products

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

[best_selling_products per_page="12″]

Top Rated Products

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

[top_rated_products per_page="12″]

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.

[product_attribute attribute='color' filter='black']

 

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.

[recent_products per_page="12" columns="4"]

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.

[featured_products per_page="12" columns="4"]

Single Product

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

[product id="2162"]  [product sku="FOO"]

*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:

Multiple Products

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

[products ids="1, 2, 3, 4, 5"]  [products skus="foo, bar, baz" orderby="date" order="desc"]

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:

Add To Cart

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

[add_to_cart id="99"]

 

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.

[product_category category="accessories"]

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.

[product_categories number="12" ids="127, 128, 129"]