{"id":50962,"date":"2015-07-24T02:48:40","date_gmt":"2015-07-24T06:48:40","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=50962"},"modified":"2016-03-16T06:02:52","modified_gmt":"2016-03-16T10:02:52","slug":"prestashop-1-6-x-how-to-protect-images-with-watermarks","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-1-6-x-how-to-protect-images-with-watermarks.html","title":{"rendered":"PrestaShop 1.6.x. How to protect images with watermarks"},"content":{"rendered":"<p>\r\n<p>The following tutorial is going to show how to protect images with watermarks in PrestaShop 1.6. <\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=64JzUIy_wKY?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to protect images with watermarks<\/a><\/p>\r\n<p>If you take your own product images for your PrestaShop  website, you can place a watermark on each image you have displayed on your site to prevent people from stealing your images.<\/p>\r\n<p class=\"attention\">NOTE: In PrestaShop the watermark files can be uploaded only in <strong>.gif<\/strong> format. You can place the watermark in a number of positions so that you can place it just the way you like. <\/p>\r\n<ol>\r\n<li>\r\n<p> Log into your PrestaShop 1.6 dashboard.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>Modules->Modules<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Find the module named <strong>Watermarks<\/strong> in the list of the modules. Click on the <strong>Install<\/strong> button located to the right of the module row:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images1-300x169.jpg\" alt=\"prestashop_1_6_adding_watermarks_to_your_images1\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-50963\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images1-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p>Click on the <strong>Configure<\/strong> button to enter the module configuration.<\/p>\r\n<\/li>\r\n<li>\r\n<p> There are several fields to help you customize your watermark. <\/p>\r\n<ul class=\"list\">\r\n<li>\r\n<p><strong>Watermark File<\/strong> &#8211; Select the file to be used as your watermark. <\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Watermark Transparency (0-100)<\/strong> &#8211; Specify  the level of transparency for the watermark. The lower the number, the more transparent the image.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Watermark X align<\/strong> &#8211; Select the horizontal alignment for the watermark.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Watermark Y align<\/strong> &#8211; Select the vertical alignment for the watermark.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Choose image types for watermark protection <\/strong> &#8211; Select image types to which you want the watermark to apply.<\/p>\r\n<\/li>\r\n<li>\r\n<p><strong>Logged-in customers can see images without watermark<\/strong> &#8211; Decide whether to show the original images to the registered customers.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Once you have configured the settings for your watermark, click the <strong>Save<\/strong> button at the bottom of the screen to confirm the configuration:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images2-300x169.jpg\" alt=\"prestashop_1_6_adding_watermarks_to_your_images2\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-50964\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images2-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t\t\t<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>Preferences -> Images<\/strong>. <\/p>\r\n<\/li>\r\n<li>\r\n<p>Scroll down the <strong>Regenerate Thumbnails<\/strong> section. Unless you specifically wish to add watermarks to only one type, leave the <strong>Select Image<\/strong> dropdown set to <strong>All<\/strong>. Leave the <strong>Erase previous images<\/strong> option on <strong>Yes<\/strong> and click the <strong>Regenerate Thumbnails<\/strong> button:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images3-300x169.jpg\" alt=\"prestashop_1_6_adding_watermarks_to_your_images3\" width=\"300\" height=\"169\" class=\"aligncenter size-medium wp-image-50965\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images3-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/07\/prestashop_1_6_adding_watermarks_to_your_images3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p class=\"attention\">NOTE: If you get a blank page\/timeout error while regenerating images, please check the following <a href=\"\/help\/prestashop-1-6-x-how-to-overcome-500-internal-server-error-when-regenerating-images.html\" target=\"_blank\">tutorial<\/a> for the detailed guidance.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Go back to your website frontend and refresh the page. Now the images should be displayed with watermarks.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>That is the end of the tutorial. Now you know how to protect images with watermarks in PrestaShop 1.6. <\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=64JzUIy_wKY?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to protect images with watermarks<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>The following tutorial is going to show how to protect images with watermarks in PrestaShop 1.6.<\/p>\n","protected":false},"author":49,"featured_media":50968,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[537,552,505,569],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/50962"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=50962"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/50962\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/50968"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=50962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=50962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=50962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}