How to add WooCommerce Cart link to WordPress menu

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.

How to hide result count display in WooCommerce in WordPress

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 http://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.

How to hide remove description tab on WooCommerce Product Page

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 http://www.wpsnacks.com
 */
.single .woocommerce-tabs ul.tabs li.description_tab {
	 display: none;
}

Hope this helps with your WordPress problem, enjoy.

How to hide product sort by dropdown in WooCommerce in WordPress

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 http://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.

How to hide remove reviews tab on WooCommerce Product Page

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 http://www.wpsnacks.com
 */
.single .woocommerce-tabs ul.tabs li.reviews_tab {
	display: none;
}

Hope this helps with your WordPress problem, enjoy.

How to hide remove WooCommerce Product Page tabs in WordPress

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 http://www.wpsnacks.com
 */
.single .woocommerce-tabs ul.tabs {
	 display: none;
}

Hope this helps with your WordPress problem, enjoy.

How to add custom pagination page navigation to WooCommerce

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…]

How to change WooCommerce product page image size in WordPress

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 http://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.