{"id":7013,"date":"2024-08-09T11:50:25","date_gmt":"2024-08-09T11:50:25","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=7013"},"modified":"2024-08-09T11:50:25","modified_gmt":"2024-08-09T11:50:25","slug":"how-to-display-images-on-quick-view","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/","title":{"rendered":"How to Display Images on Quick View?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Displaying Images on Quick View<\/h2>\n\n\n\n<p>Displaying images on the quick view page enhances the shopping experience by providing customers with immediate access to key product features without navigating away from the current page. This functionality makes it easier for customers to make quick purchasing decisions.<\/p>\n\n\n\n<p>Here is the detailed guide to add this feature to your PrestaShop store.&nbsp;<\/p>\n\n\n\n<p><strong>Install and Activate the Module:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Download the PrestaShop Product Features as Images module.<\/li>\n\n\n\n<li>Log in to your PrestaShop back office.<\/li>\n\n\n\n<li>Navigate to Modules and Services > Modules and Services.<\/li>\n\n\n\n<li>Click Upload a module and select the downloaded file.<\/li>\n\n\n\n<li>Once uploaded, click Install and then Activate the module.<\/li>\n<\/ul>\n\n\n\n<p><strong>Access the Module Configuration Page:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After activation, locate the module in the list of installed modules.<\/li>\n\n\n\n<li>Click on Configure to open the module\u2019s settings.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdxdXwXchl0-7W3IeQUqjL-3hr_Jxav17vq8gGfZiaif6QDigZOsdRiPLHdOC0wMkMaDOfpQQhgMwSXxEoWrGndzmOaTJ4PizgnvILL8d7Mun7rbs8wzbN1834bJ-jGaDW8sCzhha-vG0HdixsQL5Gej7Qq?key=u9fGv5fvSNljUhtG3XoMBQ\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Enable Icons on Quick View Page:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the module configuration page, find the option labeled Show Icons at the Quick View Page.<\/li>\n\n\n\n<li>Check or enable this option to allow feature images to be displayed in the quick view popup.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXezKxw52yNM-cXp2bw2q7oPyxfhsEJH5yyVoFbSwTBW1V0G7BnBvPK4G0TN0LL-eE8c1IpL0DtX3oWaLMKelxB7MqFePW6BnnhfYYqm23IAhu6Vb7jOYC6PmSUEc8nvGkdVWAlRDBAyahnmOkzr9Y_SazA?key=u9fGv5fvSNljUhtG3XoMBQ\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Save Changes:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Scroll down to the bottom of the configuration page.<\/li>\n\n\n\n<li>Click Save to apply the changes and ensure that the feature images are shown on the quick view page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXceCxzL-NRBcwTJIn3Wd0PY1FvyR483FAuGZhv6Xdg7kZZOH0JTzYnx7AB8CgQAbMi9YXWcYgg-QLBlwONgQfecmFs_fjZYe6YXQU-xeDGQJeLKXqGxGskXTzNdNHkiYMMI35uTps5t8jswhV0Dlh6l6ovM?key=u9fGv5fvSNljUhtG3XoMBQ\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Displaying Images on Quick View Displaying images on the quick view page enhances the shopping experience by providing customers with immediate access to key product features without navigating away from the current page. This functionality makes it easier for customers to make quick purchasing decisions. Here is the detailed guide to add this feature to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7006,"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-7013","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 Images on Quick View? - 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-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Display Images on Quick View? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Displaying Images on Quick View Displaying images on the quick view page enhances the shopping experience by providing customers with immediate access to key product features without navigating away from the current page. This functionality makes it easier for customers to make quick purchasing decisions. Here is the detailed guide to add this feature to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdxdXwXchl0-7W3IeQUqjL-3hr_Jxav17vq8gGfZiaif6QDigZOsdRiPLHdOC0wMkMaDOfpQQhgMwSXxEoWrGndzmOaTJ4PizgnvILL8d7Mun7rbs8wzbN1834bJ-jGaDW8sCzhha-vG0HdixsQL5Gej7Qq?key=u9fGv5fvSNljUhtG3XoMBQ\" \/>\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-product-features-as-images\\\/how-tos\\\/how-to-display-images-on-quick-view\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-product-features-as-images\\\/how-tos\\\/how-to-display-images-on-quick-view\\\/\",\"name\":\"How to Display Images on Quick View? - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-product-features-as-images\\\/how-tos\\\/how-to-display-images-on-quick-view\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-product-features-as-images\\\/how-tos\\\/how-to-display-images-on-quick-view\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXdxdXwXchl0-7W3IeQUqjL-3hr_Jxav17vq8gGfZiaif6QDigZOsdRiPLHdOC0wMkMaDOfpQQhgMwSXxEoWrGndzmOaTJ4PizgnvILL8d7Mun7rbs8wzbN1834bJ-jGaDW8sCzhha-vG0HdixsQL5Gej7Qq?key=u9fGv5fvSNljUhtG3XoMBQ\",\"datePublished\":\"2024-08-09T11:50:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-product-features-as-images\\\/how-tos\\\/how-to-display-images-on-quick-view\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-product-features-as-images\\\/how-tos\\\/how-to-display-images-on-quick-view\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-product-features-as-images\\\/how-tos\\\/how-to-display-images-on-quick-view\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXdxdXwXchl0-7W3IeQUqjL-3hr_Jxav17vq8gGfZiaif6QDigZOsdRiPLHdOC0wMkMaDOfpQQhgMwSXxEoWrGndzmOaTJ4PizgnvILL8d7Mun7rbs8wzbN1834bJ-jGaDW8sCzhha-vG0HdixsQL5Gej7Qq?key=u9fGv5fvSNljUhtG3XoMBQ\",\"contentUrl\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXdxdXwXchl0-7W3IeQUqjL-3hr_Jxav17vq8gGfZiaif6QDigZOsdRiPLHdOC0wMkMaDOfpQQhgMwSXxEoWrGndzmOaTJ4PizgnvILL8d7Mun7rbs8wzbN1834bJ-jGaDW8sCzhha-vG0HdixsQL5Gej7Qq?key=u9fGv5fvSNljUhtG3XoMBQ\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-product-features-as-images\\\/how-tos\\\/how-to-display-images-on-quick-view\\\/#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 Product Features as Images\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-product-features-as-images\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To\u2019s PPFIM\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-product-features-as-images\\\/how-tos\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to Display Images on Quick View?\"}]},{\"@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 Images on Quick View? - 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-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/","og_locale":"en_US","og_type":"article","og_title":"How to Display Images on Quick View? - Documentation","og_description":"Displaying Images on Quick View Displaying images on the quick view page enhances the shopping experience by providing customers with immediate access to key product features without navigating away from the current page. This functionality makes it easier for customers to make quick purchasing decisions. Here is the detailed guide to add this feature to [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/","og_site_name":"Documentation","og_image":[{"url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdxdXwXchl0-7W3IeQUqjL-3hr_Jxav17vq8gGfZiaif6QDigZOsdRiPLHdOC0wMkMaDOfpQQhgMwSXxEoWrGndzmOaTJ4PizgnvILL8d7Mun7rbs8wzbN1834bJ-jGaDW8sCzhha-vG0HdixsQL5Gej7Qq?key=u9fGv5fvSNljUhtG3XoMBQ","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-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/","url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/","name":"How to Display Images on Quick View? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdxdXwXchl0-7W3IeQUqjL-3hr_Jxav17vq8gGfZiaif6QDigZOsdRiPLHdOC0wMkMaDOfpQQhgMwSXxEoWrGndzmOaTJ4PizgnvILL8d7Mun7rbs8wzbN1834bJ-jGaDW8sCzhha-vG0HdixsQL5Gej7Qq?key=u9fGv5fvSNljUhtG3XoMBQ","datePublished":"2024-08-09T11:50:25+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/#primaryimage","url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdxdXwXchl0-7W3IeQUqjL-3hr_Jxav17vq8gGfZiaif6QDigZOsdRiPLHdOC0wMkMaDOfpQQhgMwSXxEoWrGndzmOaTJ4PizgnvILL8d7Mun7rbs8wzbN1834bJ-jGaDW8sCzhha-vG0HdixsQL5Gej7Qq?key=u9fGv5fvSNljUhtG3XoMBQ","contentUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdxdXwXchl0-7W3IeQUqjL-3hr_Jxav17vq8gGfZiaif6QDigZOsdRiPLHdOC0wMkMaDOfpQQhgMwSXxEoWrGndzmOaTJ4PizgnvILL8d7Mun7rbs8wzbN1834bJ-jGaDW8sCzhha-vG0HdixsQL5Gej7Qq?key=u9fGv5fvSNljUhtG3XoMBQ"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/how-to-display-images-on-quick-view\/#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 Product Features as Images","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/"},{"@type":"ListItem","position":4,"name":"How To\u2019s PPFIM","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-product-features-as-images\/how-tos\/"},{"@type":"ListItem","position":5,"name":"How to Display Images on Quick View?"}]},{"@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\/7013","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=7013"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7013\/revisions"}],"predecessor-version":[{"id":7014,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7013\/revisions\/7014"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7006"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=7013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}