Category: WooCommerce
-
Increase the default number limit of variations for a product in WooCommerce
In WooCommerce, you can add as many variations as you want! However, if you have over 30 of them, WooCommerce will make an AJAX call (an extra request to the backend) to fetch the details for each variation.
-
Add a Custom Placeholder Image for WooCommerce Products
WooCommerce has a default placeholder for all products that don’t have images set. Here’s what it currently is set to:
-
Limit quantity of products per order for WooCommerce
There are times when you might want to put a limit on the quantity of a product a customer can have on an order. Maybe you have a product that has low stock and you want to make sure many people get to purchase it, or maybe it’s a product that really does not need…
-
Storefront: Change the basket icon to a cart icon
Someone asked me today, why does the shopping cart had an icon of a basket instead of a cart? It’s called the “cart” after all, right? The URL says cart, and WooCommerce says cart, but there’s an icon of a basket.
-
Working with WooCommerce’s “woocommerce-smallscreen.css” file
WooCommerce has the fun task of trying to play nice with thousands of themes. That’s not always an easy task and it’s especially hard when it comes to responsive design. How do you design store elements to work with basically every theme out there? You take a good guess and you hope for the best.
-
Align WooCommerce Add to Cart Buttons in Storefront
I get this request a lot – you have a lot of products but the “Add to Cart” buttons don’t line up together. You probably have some product titles that span 2 lines, others than span 1. Some of your images are taller than others, or maybe some are on Sale and others aren’t. That’s…
-
Change the default logo size for Storefront and it’s child themes
WordPress recently added the Custom Logo feature which is pretty neat. Storefront 2.0 also added support for this recently. By default, Storefront will set the logo to be 110 by 470 – which is pretty small. If you want to make that bigger, you just need to override the theme function using something like this.…