WordPress Tips, Code Snippets, and How To Tutorials

WooCommerce

How to find the product id of an item in your WooCommerce store on WordPress

by Leave a Comment

If you use WooCommerce on your WordPress website for an online store you may need to find the product id of an item in the store to use on the website. You may want to use the product id to make a direct add to cart link for your WooCommerce product on your website on there. You can do this without a plugin on there.

  1. From the WordPress admin left menu you can click on the products link
  2. From the list of products you can hover the mouse over the product you want to know the id of
  3. In the lower right you will likely see a link listed like yourdomain.com/wp-admin/post.php?post=345&action=edit
  4. The 345 is where you can find the product id

If that worked for you then you now have the product id of the WooCommerce product on your WordPress website on there.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

How to add WooCommerce Cart link to WordPress menu

by Leave a Comment

If you are using WooCommerce for an online store plugin for your WordPress site, you may want to add a link to the WooCommerce Cart to your WordPress menu. Just follow these steps below to add a Cart link to your WordPress menu that links to your WooCommerce Cart page.

  1. From WordPress Admin Menu, click on Appearance > Menu
  2. From here on left side of page, find pages box
  3. Click View All
  4. There should be a page listed for Cart
  5. Click check box next to Cart page and then click Add to Menu button
  6. Move Cart link to where you want it in the menu and be sure to hit Save Menu

There you go, you should now have a link to WooCommerce Cart page in your WordPress menu. Hope this helps with your WordPress problem, enjoy.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

How to hide result count display in WooCommerce in WordPress

by Leave a Comment

If you are using WooCommerce for an online store on your WordPress site, you may want to hide the result count “showing the single result” or however many products you display on your Shop page and other product archive pages. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide the product result count display on product archive pages in WooCommerce.

/**
 * Hide WooCommerce Product Result Count Display
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
.archive .woocommerce-result-count {
	display: none;
}

That’s it, now the product result count display should be hidden from your product archive pages. Hope this helps, enjoy.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

How to hide remove description tab on WooCommerce Product Page

by 1 Comment

If you are using WooCommerce for an online store plugin for your WordPress site, you may want to hide or remove the description tab on the WooCommerce Product Page. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide the description tab on product pages in WooCommerce.

/**
 * Remove/Hide WooCommerce Product Page description tab
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
.single .woocommerce-tabs ul.tabs li.description_tab {
	 display: none;
}

Hope this helps with your WordPress problem, enjoy.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

How to hide product sort by dropdown in WooCommerce in WordPress

by Leave a Comment

If you are using WooCommerce for an online store on your WordPress site, you may want to hide the product dropdown sort by box shown on your Shop page and other product archive pages. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide the sort by drop down in WooCommerce.

/**
 * Hide WooCommerce Product Sort by dropdown
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
.archive .woocommerce-ordering {
	display: none;
}

That’s it, now the product sort by dropdown should be hidden from your product archive pages. Hope this helps, enjoy.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

How to hide remove reviews tab on WooCommerce Product Page

by Leave a Comment

If you are using WooCommerce for an online store plugin for your WordPress site, you may want to hide or remove the reviews tab on the WooCommerce Product Page. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide the reviews tab on product pages in WooCommerce.

/**
 * Remove/Hide WooCommerce Product Page reviews tab
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
.single .woocommerce-tabs ul.tabs li.reviews_tab {
	display: none;
}

Hope this helps with your WordPress problem, enjoy.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

How to hide remove WooCommerce Product Page tabs in WordPress

by Leave a Comment

If you are using WooCommerce for an online store plugin for your WordPress site, you may want to hide or remove the description and reviews tabs on the WooCommerce Product Page. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to hide the description and reviews tabs on product pages in WooCommerce.

/**
 * Remove/Hide WooCommerce Product Page tabs
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
.single .woocommerce-tabs ul.tabs {
	 display: none;
}

Hope this helps with your WordPress problem, enjoy.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

How to add custom pagination page navigation to WooCommerce

by 20 Comments

How to add custom pagination page navigation to WooCommerceIf you have used the WooCommerce eCommerce plugin for WordPress, you have seen that the default Next and Previous Page links pagination page navigation is not very pretty. Today’s snack is a Tutorial that shows you how to add the WordPress plugin WP-PageNavi to a WooCommerce WordPress site in 3 easy steps to make your product archive page navigation easier to use and improve it’s look with numbered blocks instead of just next/previous links.
[Read more…] about How to add custom pagination page navigation to WooCommerce

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

How to change WooCommerce product page image size in WordPress

by Leave a Comment

If you are using WooCommerce for an online store plugin for your WordPress site, you may want to change the size of the product image shown on product page. Just add this WordPress Code Snippet to your CSS stylesheet in your current WordPress theme in order to change the width of the product page product image in WooCommerce.

/**
 * Change Product Image width on WooCommerce Product Pages
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
.single .images {
	width: 30%!important;
}

Just change the width I listed above with whatever width you want your WooCommerce product page product image to be.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

Copyright © 2019 • wpsnacks.com