Documentation

Change Position Of Swatches In The Catalog

Swatches in the catalog currently show up after the shop loop item ( woocommerce_after_shop_loop_item ). It’s possible to change this to any of the following locations:

  • woocommerce_before_shop_loop_item
  • woocommerce_before_shop_loop_item_title
  • woocommerce_shop_loop_item_title
  • woocommerce_after_shop_loop_item_title
  • woocommerce_after_shop_loop_item

Using the Code Snippets plugin, add the following code to your website:

function iconic_was_loop_position( $position ) {
	return 'woocommerce_shop_loop_item_title';
}

add_filter( 'iconic_was_loop_position', 'iconic_was_loop_position', 10, 1 );

You can change return 'woocommerce_shop_loop_item_title'; to your preferred location.

Are you using WooCommerce Attribute Swatches yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

WooCommerce Attribute Swatches

WooCommerce Attribute Swatches

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support