{"id":767,"date":"2022-09-16T06:47:30","date_gmt":"2022-09-16T06:47:30","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/09\/16\/6563191-hostinger-website-builder-how-to-add-different-images-to-individual-product-options\/"},"modified":"2026-10-29T14:47:16","modified_gmt":"2026-10-29T14:47:16","slug":"6563191-hostinger-ecommerce-how-to-add-different-images-to-individual-product-options","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6563191-hostinger-ecommerce-how-to-add-different-images-to-individual-product-options\/","title":{"rendered":"Hostinger Ecommerce: How to add different images to individual product options"},"content":{"rendered":"

To assign an image to each product option in your Hostinger Ecommerce<\/a> online store, upload your images in the product editor and select one for each option.<\/p>

Assign images to product options<\/h2>

Once you add products<\/a> and create product options<\/a><\/b>, you can easily assign an individual image to each of them.<\/p>

    \n
  1. In your Store Manager<\/a> <\/b>→ Products<\/b>, click the ellipsis,<\/strong> then Edit<\/strong>.<\/li>\n
  2. Upload all your images here:
    \n\"\"<\/li>\n
  3. Scroll down to the Options<\/b> section<\/li>\n
  4. Click on the image placeholder and select a particular image for a particular product option:\"\"<\/li>\n<\/ol>
    <\/div>

    Each product option in your Hostinger Ecommerce online store now displays its own image, so customers see the matching photo when they select a size, color, or other variation.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Learn how to assign images to product options in your Hostinger Ecommerce online store so customers see the right photo for each variation.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_content_updated_date":"","include_on_kodee":true,"footnotes":""},"categories":[312],"tags":[],"class_list":["post-767","post","type-post","status-publish","format-standard","hentry","category-hostinger-ecommerce"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6563191-hostinger-ecommerce-how-to-add-different-images-to-individual-product-options","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=767"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/767\/revisions"}],"predecessor-version":[{"id":22739,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/767\/revisions\/22739"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}