{"id":7220,"date":"2019-09-23T13:43:04","date_gmt":"2019-09-23T08:13:04","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=7220"},"modified":"2024-04-09T18:28:14","modified_gmt":"2024-04-09T12:58:14","slug":"show-cover-image-product-combination-prestashop","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/prestashop\/show-cover-image-product-combination-prestashop\/","title":{"rendered":"How to show cover image of your product with combination in PrestaShop 1.7?"},"content":{"rendered":"

In e-Commerce business, Product image is a vital aspect, to attract a visitor\u2019s eye in the first place. In PrestaShop 1.7, If you have combination product then PrestaShop shows image of the one selected by default in product combination instead of the generic (Cover) image of your product.<\/p>\n

Do you want to show generic (Cover) image of your product on the product listing (On the homepage and category page)? If yes, then find out how to show generic (Cover) image of your product on the product listing in PrestaShop 1.7 programmatically.<\/p>\n

\"\"<\/a><\/div>\n

Step 1:\u00a0<\/strong>Open\u00a0the file, In your theme directory : templates\\catalog\\_partials\\miniatures\\product.tpl<\/p>\n

Step 2:\u00a0<\/strong>Find the below code:<\/p>\n

{if $product.cover}\r\n  <a class=\"thumbnail product-thumbnail\" href=\"{$product.canonical_url}\">\r\n\t<img src=\"{$product.cover.bySize.home_default.url}\" alt=\"{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{\/if}\" data-full-size-image-url=\"{$product.cover.large.url}\" \/>\r\n  <\/a>\r\n{else}\r\n  <a class=\"thumbnail product-thumbnail\" href=\"{$product.canonical_url}\">\r\n\t<img src=\"{$urls.no_picture_image.bySize.home_default.url}\" \/>\r\n  <\/a>\r\n{\/if}<\/pre>\n
Step 3:\u00a0<\/strong>Replace the below code snippet:<\/p>\n
{if $product.cover}\r\n\t{assign var='coverImage' value=Product::getCover($product->id)}\r\n\t{assign var='coverImageId' value=\"{$product->id}-{$coverImage.id_image}\"}\r\n\t<a class=\"thumbnail product-thumbnail\" href=\"{$product.canonical_url}\">\r\n\t\t<img src=\"{$link->getImageLink($product.link_rewrite, $coverImageId)}\" alt=\"{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{\/if}\" data-full-size-image-url=\"{$product.cover.large.url}\" \/>\r\n\t<\/a>\r\n{else}\r\n\t<a class=\"thumbnail product-thumbnail\" href=\"{$product.canonical_url}\">\r\n\t\t<img src=\"{$urls.no_picture_image.bySize.home_default.url}\" \/>\r\n\t<\/a>\r\n{\/if}<\/pre>\n
Step 4:\u00a0<\/strong>Clear the Cache and check for the same. Done!<\/p>\n
Enjoy PrestaShop 1.7<\/strong>!<\/p>\n
<\/div>
 <\/a>
<\/div><\/div><\/div>
<\/div>","protected":false},"excerpt":{"rendered":"
In e-Commerce business, Product image is a vital aspect, to attract a visitor\u2019s eye in the first place. In PrestaShop 1.7, If you have combination product then PrestaShop shows image of the one selected by default in product combination instead of the generic (Cover) image of your product. Do you want to show generic (Cover)… <\/p>\n
Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":7252,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[221,222,2139,2],"tags":[678,681,677,679,680,682,329,676],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7220"}],"collection":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/comments?post=7220"}],"version-history":[{"count":24,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7220\/revisions"}],"predecessor-version":[{"id":13600,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/7220\/revisions\/13600"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/7252"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=7220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=7220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=7220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}