Single Product Logos for WooCommerce

The single product logos for WooCommerce plugin enables you to add brand thumbnails or custom images like logos to WooCommerce single product pages on a per product basis.

The plugin includes both global and single product page settings enabling you to use either :

• the built in brand thumbnails native to WooCommerce or
• add custom images on a per product basis

See the screenshots to learn more about usage of images.

Screenshots

Shows the global and single product page settings for usage of brand thumbnails or custom brand images.

Global Settings

In your WordPress dashboard, go to the Brand Logos tab and you’ll find settings for :

• Default Hook – Select any single product page hook position
• Default Priority – Lower numbers execute earlier. Default is 25.
• Default Logo Size – Select the default size for brand logos.
• Default Gap – Enter the gap between brand logos in pixels. Default is 20px.

Single Product Page Settings

On the product edit page, you’ll find a custom product data tab named Brand Logos which includes the following settings :

• Use Brand Thumbnails – Display thumbnails based on selected Brands using the brand thumbnails native to WooCommerce
• Custom Brand Logos – Upload or choose you own custom images. Enables dragging of images to reposition image order.
• Logo Size – Choose from all the default WordPress images sizes plus the woocommerce gallery thumbnail size and a custom size of 60px x 60px
• Display Hook – Choose any of the single product page hooks
• Priority – add a 3rd paremeter for priority to control when the hook fires
• Gap – Add a gap between each image

Demo Video

Shows the single product page settings for using custom images and brand thumbnails.

Custom Image Sizes

You can also override the brand_logo_small size via your child theme or custom code snippets plugin using the following PHP code :

add_action('after_setup_theme', 'brand_logos_add_image_sizes');
    function brand_logos_add_image_sizes() {
    add_image_size('brand_logo_small', 60, 60, true);
}