Managing photos in PrestaShop

We have seen in a previous post how to optimize your photos with XnView or Gimp for them to appear soon in your site e-commerce .
We shall now see how to integrate them into a product of Prestashop .

Integration of images in the data sheets of Prestashop

It is not necessary to rename your photos. Prestashop will use names to him, composed of the id of the product, no increment and the name of one of five types of images needed to display the product in Prestashop (which may be a small inconvenience for SEO in Google images, but which is handy because it handles all the different sizes and only different names photos).

5 types and sizes of images are used as standard by Prestashop for photos of a data sheet:

• Small: 45 x 45 pixels
• Medium: 80 x 80 pixels (used to select the photo in the data sheet, the new product area, or already seen reductions)
• Large: 300 x 300 pixels (used for display in large product)
• Thickbox: 600 x 600 pixels (used for detailed display of the product)
• Home: 129 x 129 pixels (used to display the details of a category for products in the first flagship store page, or search for a product)

The image with the original size of the photo, copy it as a photo reference, but that is not used by Prestashop.

When you entered the information on the product page, click the Images tab. Fill in the fields according to your picture:

• File: Click Browse to select the photo you have already resized
  
• Key: Enter the legend associated with this picture, it is important for SEO in Google images, consider using one or two keywords.
• Cover: check to indicate that this photo and this will be displayed first for this object, in your online store .
• Resize method. Thumbnail: I advise you to leave automatic and Prestashop will define only the five different dimensions of the photos.

You just have to click the Save button image. Prestashop will automatically create the six types of images needed for its operation (you can find in ... prestashopimgp).

You must repeat the above steps for all the photos you want to insert for that product.

It is also highly recommended to use several photos for the same product (different angles, with possible extensions, details, situations ...). In fact your client can not actually see your product. So he will have more pictures of the product, the less it will have questions, it will be more inclined to buy your product.

Integration of images in the categories of products Prestashop

As a picture of a product, it is not necessary to rename your photos, Prestashop will use its own name.

4 types and sizes of images are used as standard by Prestashop for categories of product:

• Small: 45 x 45 pixels
• Medium: 80 x 80 pixels
• Large: 300 x 300 pixels
• Category: 500 x 150 pixels

The image with the original size of the photo, copy it as a photo reference, but that is not used by Prestashop.

Enter the name and description of the category and click on the Browse button on the Image field, fill in other fields.

Setting the size of the images used by Prestashop

The different sizes of the images shown above, can be changed in the Preferences tab, choose pictures:

If you change a size for one or more formats, be sure to click on the button: Regenerate thumbnails at the bottom of page.

Conclusion

Well, this concludes our series of articles on optimizing images in Prestashop, we will propose soon to download a PDF file comprising the steps.

The integration of photos in Prestashop is very simple, a lightbox effect (highlighting files, displaying them on a black background) comes standard with the ability to switch reviewed various pictures inserted for the same product.

It's missing a system to grow some details of a photo of a product and managing photos in Prestashop will complete a small online store.

Items on the same subject:

1. Optimizations photos with Xnview to integrate them into your online store Feel free to sign up for RSS feeds do not miss any article.1ère Step: Preparing images for integration into your ecommerce shop we saw in our previous Ticket: How to optimize photos for product info ...
2. How to optimize photos for your ecommerce product info One of tedious work when designing an ecommerce site is that for the same photo of a product you need to resize it and decline in different sizes. The software will then use that size of photo to display thumbnail ...
3. Optimization of photos of items in your shop with Gimp Feel free to sign up for RSS feeds do not miss any article.Nous have seen in our previous post, it was necessary to rework your photographs to get a quick loading of pages of your ecommerce and so ...