{"id":8357,"date":"2025-01-31T11:07:55","date_gmt":"2025-01-31T11:07:55","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=8357"},"modified":"2025-01-31T11:07:56","modified_gmt":"2025-01-31T11:07:56","slug":"how-to-display-separate-images-of-products-with-two-or-more-attributes","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/","title":{"rendered":"How to display separate images of products with two or more attributes?"},"content":{"rendered":"\n<p>To display separate images of products with two or more attributes, you can use a module like the <em>PrestaShop Products by Attributes<\/em> module. Simply install the module, choose attributes and categories to split products, and show them as standalone products with separate images on your store. You can get started by following these steps:<\/p>\n\n\n\n<p><strong>Step 1: Install and Activate the Module<\/strong><\/p>\n\n\n\n<p>Begin by installing the PrestaShop Products by Attributes module by visiting the product page. Once installed, activate the module to start configuring it for your store.&nbsp;<\/p>\n\n\n\n<p><strong>Step 2: Enable Module<\/strong><\/p>\n\n\n\n<p>Within the Module Settings, you will see the <em>General Settings<\/em> section. Open the rules section and click the \u201c+\u201d sign to create a new rule through the following settings:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXepXj9o-2spY2SYie-E2XowZhNp1j19yFF6EX7lRY7WugRbXQabv49pUuiMYBooojftHbltq2TTZqFXbTmbPuFnIvLqRxh7I5DOb78VSMhKrz2r71MTIGo0JyLKdmoMlzxSBfuq8Q?key=U1e6o86QftITZXDt5PUB_N1G\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Step 3: Choose Products, Attributes and Categories<\/strong><\/p>\n\n\n\n<p>Within the Module Settings, you will see the <em>Rules<\/em> section. From the log, you can view and manage each rule you create. To add a new rule, click the \u201c+\u201d sign and adjust the following settings to get started:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add rule title and specify rule priority<\/li>\n\n\n\n<li>Choose customer groups who can view the standalone products<\/li>\n\n\n\n<li>Select desired categories and attributes<\/li>\n<\/ul>\n\n\n\n<p>Once a rule is created, the product attributes and combinations will be shown as separate products on the listing pages of your store.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXePXB-k9G9Y3004TSyYuO84X7OndgvDOmG0zIa4Dj3eyeKWctULgYiC8Vs5x_AXeZsc27Zzb25NsyeTSnv-R-iUHKF68sM3Jw-g5y2FDe9Yq0QVN9N1uMUgp9j5cA5ZILt234a2Gw?key=U1e6o86QftITZXDt5PUB_N1G\" alt=\"\"\/><\/figure>\n\n\n\n<p>In the image below, you can see 3 different frames, which are attributes of the same product based on different sizes. For each frame, different images and prices are shown, and they can be added to the cart separately as well.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXf6OiYSe-6Hu48G0maC37MXfgx9k6EewOrVTfdH2me2yJs_zJ0XQtOCI0Ye33LLltNMKRpsBbTlhl2azPwK7gcUnI4kAqy1qyLN_oT0Wv9pEM4X4ZN7ozCIV_TUYfEBQwbGgck_Kg?key=U1e6o86QftITZXDt5PUB_N1G\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>To display separate images of products with two or more attributes, you can use a module like the PrestaShop Products by Attributes module. Simply install the module, choose attributes and categories to split products, and show them as standalone products with separate images on your store. You can get started by following these steps: Step [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8346,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"template-parts\/multiple-page-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-8357","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to display separate images of products with two or more attributes? - Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to display separate images of products with two or more attributes? - Documentation\" \/>\n<meta property=\"og:description\" content=\"To display separate images of products with two or more attributes, you can use a module like the PrestaShop Products by Attributes module. Simply install the module, choose attributes and categories to split products, and show them as standalone products with separate images on your store. You can get started by following these steps: Step [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-31T11:07:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXepXj9o-2spY2SYie-E2XowZhNp1j19yFF6EX7lRY7WugRbXQabv49pUuiMYBooojftHbltq2TTZqFXbTmbPuFnIvLqRxh7I5DOb78VSMhKrz2r71MTIGo0JyLKdmoMlzxSBfuq8Q?key=U1e6o86QftITZXDt5PUB_N1G\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/how-tos-ppa\\\/how-to-display-separate-images-of-products-with-two-or-more-attributes\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/how-tos-ppa\\\/how-to-display-separate-images-of-products-with-two-or-more-attributes\\\/\",\"name\":\"How to display separate images of products with two or more attributes? - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/how-tos-ppa\\\/how-to-display-separate-images-of-products-with-two-or-more-attributes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/how-tos-ppa\\\/how-to-display-separate-images-of-products-with-two-or-more-attributes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXepXj9o-2spY2SYie-E2XowZhNp1j19yFF6EX7lRY7WugRbXQabv49pUuiMYBooojftHbltq2TTZqFXbTmbPuFnIvLqRxh7I5DOb78VSMhKrz2r71MTIGo0JyLKdmoMlzxSBfuq8Q?key=U1e6o86QftITZXDt5PUB_N1G\",\"datePublished\":\"2025-01-31T11:07:55+00:00\",\"dateModified\":\"2025-01-31T11:07:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/how-tos-ppa\\\/how-to-display-separate-images-of-products-with-two-or-more-attributes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/how-tos-ppa\\\/how-to-display-separate-images-of-products-with-two-or-more-attributes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/how-tos-ppa\\\/how-to-display-separate-images-of-products-with-two-or-more-attributes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXepXj9o-2spY2SYie-E2XowZhNp1j19yFF6EX7lRY7WugRbXQabv49pUuiMYBooojftHbltq2TTZqFXbTmbPuFnIvLqRxh7I5DOb78VSMhKrz2r71MTIGo0JyLKdmoMlzxSBfuq8Q?key=U1e6o86QftITZXDt5PUB_N1G\",\"contentUrl\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXepXj9o-2spY2SYie-E2XowZhNp1j19yFF6EX7lRY7WugRbXQabv49pUuiMYBooojftHbltq2TTZqFXbTmbPuFnIvLqRxh7I5DOb78VSMhKrz2r71MTIGo0JyLKdmoMlzxSBfuq8Q?key=U1e6o86QftITZXDt5PUB_N1G\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/how-tos-ppa\\\/how-to-display-separate-images-of-products-with-two-or-more-attributes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PrestaShop\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Prestashop Products by Attributes and Combinations\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To\u2019s PPA\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-products-by-attributes-and-combinations\\\/how-tos-ppa\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to display separate images of products with two or more attributes?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"name\":\"Documentation\",\"description\":\"Documentation for Addify Extensions\",\"publisher\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/addify.store\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\",\"name\":\"Documentation\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"contentUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"width\":6761,\"height\":1853,\"caption\":\"Documentation\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to display separate images of products with two or more attributes? - Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/","og_locale":"en_US","og_type":"article","og_title":"How to display separate images of products with two or more attributes? - Documentation","og_description":"To display separate images of products with two or more attributes, you can use a module like the PrestaShop Products by Attributes module. Simply install the module, choose attributes and categories to split products, and show them as standalone products with separate images on your store. You can get started by following these steps: Step [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/","og_site_name":"Documentation","article_modified_time":"2025-01-31T11:07:56+00:00","og_image":[{"url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXepXj9o-2spY2SYie-E2XowZhNp1j19yFF6EX7lRY7WugRbXQabv49pUuiMYBooojftHbltq2TTZqFXbTmbPuFnIvLqRxh7I5DOb78VSMhKrz2r71MTIGo0JyLKdmoMlzxSBfuq8Q?key=U1e6o86QftITZXDt5PUB_N1G","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/","url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/","name":"How to display separate images of products with two or more attributes? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXepXj9o-2spY2SYie-E2XowZhNp1j19yFF6EX7lRY7WugRbXQabv49pUuiMYBooojftHbltq2TTZqFXbTmbPuFnIvLqRxh7I5DOb78VSMhKrz2r71MTIGo0JyLKdmoMlzxSBfuq8Q?key=U1e6o86QftITZXDt5PUB_N1G","datePublished":"2025-01-31T11:07:55+00:00","dateModified":"2025-01-31T11:07:56+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/#primaryimage","url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXepXj9o-2spY2SYie-E2XowZhNp1j19yFF6EX7lRY7WugRbXQabv49pUuiMYBooojftHbltq2TTZqFXbTmbPuFnIvLqRxh7I5DOb78VSMhKrz2r71MTIGo0JyLKdmoMlzxSBfuq8Q?key=U1e6o86QftITZXDt5PUB_N1G","contentUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXepXj9o-2spY2SYie-E2XowZhNp1j19yFF6EX7lRY7WugRbXQabv49pUuiMYBooojftHbltq2TTZqFXbTmbPuFnIvLqRxh7I5DOb78VSMhKrz2r71MTIGo0JyLKdmoMlzxSBfuq8Q?key=U1e6o86QftITZXDt5PUB_N1G"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/how-to-display-separate-images-of-products-with-two-or-more-attributes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addify.store\/documentation\/"},{"@type":"ListItem","position":2,"name":"PrestaShop","item":"https:\/\/addify.store\/documentation\/prestashop\/"},{"@type":"ListItem","position":3,"name":"Prestashop Products by Attributes and Combinations","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/"},{"@type":"ListItem","position":4,"name":"How To\u2019s PPA","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-products-by-attributes-and-combinations\/how-tos-ppa\/"},{"@type":"ListItem","position":5,"name":"How to display separate images of products with two or more attributes?"}]},{"@type":"WebSite","@id":"https:\/\/addify.store\/documentation\/#website","url":"https:\/\/addify.store\/documentation\/","name":"Documentation","description":"Documentation for Addify Extensions","publisher":{"@id":"https:\/\/addify.store\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addify.store\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/addify.store\/documentation\/#organization","name":"Documentation","url":"https:\/\/addify.store\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","width":6761,"height":1853,"caption":"Documentation"},"image":{"@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/8357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/comments?post=8357"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/8357\/revisions"}],"predecessor-version":[{"id":8358,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/8357\/revisions\/8358"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/8346"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=8357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}