Featured Image

WooCommerce: Switch Image Background On Color Variation Selection

You could upload 10 images, one for each color of your variable product… or you could be slightly smarter and simply upload 1 “blank” image, and then when the user selects a color trigger a background color change! Easier to code than to explain, so let’s take a look at the screenshot below (image must […]

The post WooCommerce: Switch Image Background On Color Variation Selection appeared first on Business Bloomer.

WooCommerce: Full Width Featured Image @ Single Product Page

The standard layout for the WooCommerce single product page features the main/featured product image on the left and the title/add to cart on the right. But what if you need to turn that image into a hero one i.e. a full width featured image, and push the title and add to cart button under it? […]

The post WooCommerce: Full Width Featured Image @ Single Product Page appeared first on Business Bloomer.

WooCommerce: Edit External Product Image URL

We’ve already seen how to open the External Product “Buy Product” button in a new browser tab – and now it’s time to complete the full picture for External/Affiliate WooCommerce Products: how do we also link the “featured” image to the same external URL? PHP Snippet Part 1: Disable Zoom/Gallery (For External Products) If we […]

The post WooCommerce: Edit External Product Image URL appeared first on Business Bloomer.

WooCommerce: Add Content Below Single Product Images

One of the latest WooCommerce versions introduced an optimized product gallery on the single product page. If your products have multiple images and therefore use the product gallery, you might want to also add content below the gallery itself. But… If you’re familiar with WooCommerce customization and WooCommerce hooks (and specifically the ones of the […]

The post WooCommerce: Add Content Below Single Product Images appeared first on Business Bloomer.

WooCommerce: Show Video Instead of Product Images

This week’s snippet is a very easy – yet helpful – one. Many ecommerce entrepreneurs prefer to display a YouTube video instead of a static, boring, featured image and product gallery. Of course, not all products are created equal. So, let’s see how to make this work for a specific product ID only. Enjoy! PHP […]

The post WooCommerce: Show Video Instead of Product Images appeared first on Business Bloomer.

WooCommerce: How To Change Product Image Size

WooCommerce 3.3 introduced a new and easier way to resize the product images. You can now change the WooCommerce Product Image Size from Appearance > Customize > WooCommerce > Product Images. And the great thing is you don’t have to regenerate the images after resizing them. From WooCommerce 3.3 you can now crop, resize and […]

The post WooCommerce: How To Change Product Image Size appeared first on Business Bloomer.