Sometimes it's a pain to make images for all your WooCommerce product categories. Otherwise, you get the ugly default image. For example, see the image below where each category displays text only with a blue background.Add the CSS below to hide the category image and style how you want the category names appear.[css] li.product-category a { padding-top:15px; padding-bottom:15px; }...

Make the default Divi search box search WooCommerce products only

Dec 9, 2020 | Divi Tips, WooCommerce Tips | 0 Comments

If you have a Divi/WooCommerce site and you don't have any posts, this is perfect for you. The default Divi search will now search only your products. You can add this to the Divi theme options Integration tab in the head. Or add to a Code module in your global header. This also changes the placeholder text from "Search" to "Search Products". For example when you click on the search icon like...

How to add display Woocommerce product category on the order edit page

Nov 26, 2020 | WooCommerce Tips | 0 Comments

Add the following PHP code to your child theme functions.php file. [php] [/php]Add the following PHP code to your child theme functions.php file.[php] [/php]

Enlarge product image on rollover for Divi Shop module

Nov 23, 2020 | Divi Tips, WooCommerce Tips | 0 Comments

Add the following CSS code to the Divi theme options area or your child theme style.css file. [css] /* enlarge shop module product images on rollover BEGIN */ .et_shop_image img {transition: transform .2s;} .et_shop_image img:hover {transform: scale(1.25);} /* enlarge shop module product images on rollover END */ [/css]

Change the default U.S. state in the dropdown on WooCommerce checkout page

Nov 23, 2020 | WooCommerce Tips | 0 Comments

Add the following PHP code to your child theme functions.php file. [php] //default checkout US state dropdown blank instead of the default site state making taxes sometimes show up add_filter( 'default_checkout_billing_state', 'change_default_checkout_state' ); add_filter( 'default_checkout_shipping_state', 'change_default_checkout_state' ); function change_default_checkout_state() { return '';...

How to Change In Stock text in WooCommerce

Nov 23, 2020 | WooCommerce Tips | 0 Comments

Add the following PHP code to your child theme functions.php file. [php] /* Change In Stock text in WooCommerce */ add_filter( 'woocommerce_get_availability', 'wcs_custom_get_availability', 1, 2); function wcs_custom_get_availability( $availability, $_product ) { // Change In Stock Text if ( $_product-&gt;is_in_stock() ) { $availability['availability'] = __('Available!', 'woocommerce');...

WooCommerce Tips

Display the sku below cart item name in WooCommerce

Add a second password field to the checkout page in WooCommerce.

Increase cart item prices based on payment method in WooCommerce.

Change COD default order status to “On Hold” instead of “Processing” in Woocommerce

Disable the WooCommerce automatic image regeneration in the background.

Make “Create an account” to be default Checked on WooCommerce checkout page.

Remove related products output on WooCommerce product pages.

Adding text before order the information text “Thank you. Your order has been received.” in WooCommerce

Add the Add to Cart buttons on WooCommerce shop pages.

Remove the product image rollover on WooCommerce product pages.

Add product SKUs to default WP search

Enable products and other post types in Divi Search Module

Hide the product weight and dimension on the WooCommerce single product page.

Add logo to WordPress admin login page

Replace WooCommerce category images with plain text.

Make the default Divi search box search WooCommerce products only

How to add display Woocommerce product category on the order edit page

Enlarge product image on rollover for Divi Shop module

Change the default U.S. state in the dropdown on WooCommerce checkout page

How to Change In Stock text in WooCommerce

Looking for some deals?

Ask a Question

Embryo Design Inc.

Divi Guy

Spider Groove

Home

Portfolio

Pricing

Hosting

Reviews

Services

The Process

About

Logo Design

Contact