{"id":4156,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T06:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/woocommerce-attribute-images\/?post_type=faq&p=179"},"modified":"2020-07-28T11:12:17","modified_gmt":"2020-07-28T09:12:17","slug":"setup-woocommerce-attribute-images","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/en\/knowledge-base\/faq\/setup-woocommerce-attribute-images\/","title":{"rendered":"Setup WooCommerce Attribute Images"},"content":{"rendered":"

Settings Menu<\/h2>\n

In order to setup the plugin you should be able to see the Attribute Images menu under WooCommerce in your admin panel. If you can not see this menu make sure the Redux Framework plugin is installed and activated.<\/p>\n

General Settings<\/h2>\n

In the general settings part you can enable our plugin, enable the tooltip to show and set if you want to show attribute images in the “additional information” table and in the variations.<\/p>\n

\"WooCommerce
WooCommerce attribute images settings<\/figcaption><\/figure>\n

Category Variation Swatches Settings<\/h2>\n

If you want to show variation swatches directly in your shop loop you have to enable the feature here. Make sure to adjust the image, price and link selector options to your theme. You can use brows<\/p>\n

\"WooCommerce
WooCommerce variation swatches options<\/figcaption><\/figure>\n

Styling Options<\/h2>\n

Furthermore you can set some styling options. There you can style the attribute name or value with border color, border radius, image width and more.Next: Set Attribute Images<\/p>\n

\"WooCommerce
WooCommerce attribute images styling<\/figcaption><\/figure>\n

Assign images to attributes<\/h2>\n

After the setup, you can start assigning images to WooCommerce attribute terms. Simply go to WP-Admin > Products > Attributes. Then configure the term you like e.g. Color. When you now create a new attribute value or edit an existing one you see a field to attach an image. Save and you are done.<\/p>\n

\"attach
attach images to WooCommerce attribute terms<\/figcaption><\/figure>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-4156","faq","type-faq","status-publish","hentry","faq_topics-attribute-images-getting-started"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/comments?post=4156"}],"version-history":[{"count":3,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4156\/revisions"}],"predecessor-version":[{"id":5295,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/faq\/4156\/revisions\/5295"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/media?parent=4156"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/en\/wp-json\/wp\/v2\/product_cat?post=4156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}