{"id":1291,"date":"2020-08-09T00:11:30","date_gmt":"2020-08-09T00:11:30","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/?p=1291"},"modified":"2020-08-19T20:56:54","modified_gmt":"2020-08-19T20:56:54","slug":"image-swatch","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/2020\/08\/09\/image-swatch\/","title":{"rendered":"Image Swatch"},"content":{"rendered":"\n

What is Image Swatch<\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Product has its attributes such as color, size etc and these attributes can be matched with image.<\/p>\n\n\n\n

We can see these images in archive & single product page.<\/p>\n\n\n\n

How to enable Image Swatch<\/h4>\n\n\n\n

In order to enable Image Swatch navigate to Molla > Theme Options > Woocommerce > Advanced > Image Swatch<\/code> section.<\/p>\n\n\n

NOTE:
If you can’t see image swatches in archive page even you’ve set for products, please enable Attribute Support<\/strong> option in Molla > Theme Options > Woocommerce > Product Type > Showing Options<\/code> option.<\/div>\n\n\n

Using Image Swatch<\/h4>\n\n\n\n

To show Image Swatch, you should set \u201cType\u201d option of specified attribute<\/strong> as \u201cPick\u201d while creating or editing in Products > Attributes<\/code> in WP admin sidebar.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Then please add variations and select variation main image.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Finally in the \u201cImage Swatch\u201d tab, select \u201cImage\u201d of Show Type<\/strong> option and upload your swatch images.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
NOTE:
You can also set image swatches for Simple Products<\/strong>. In this case, you can see image swatches in archive page. Don’t worry that you can’t find image swatches in single product page. It is not a bug, there is no variation.<\/div>\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

What is Image Swatch Product has its attributes such as color, size etc and these attributes can be matched with image. We can see these images in archive & single product page. How to enable Image Swatch In order to enable Image Swatch navigate to Molla > Theme Options > Woocommerce > Advanced > Image Swatch […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,30],"tags":[],"featured_image_src":{"landsacpe":false,"list":false,"medium":false,"full":false},"categories_name":["12 - How tos \/ Guides","Woocommerce"],"author_name":"John Doe","comment_count":{"approved":0,"awaiting_moderation":0,"spam":0,"trash":0,"post-trashed":0,"all":0,"total_comments":0},"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/1291"}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/comments?post=1291"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/1291\/revisions"}],"predecessor-version":[{"id":1544,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/posts\/1291\/revisions\/1544"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/media?parent=1291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/categories?post=1291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/molla\/documentation\/wp-json\/wp\/v2\/tags?post=1291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}