Redeem Now
Read More
Read now
Menu Close
    Start a Project Request quote Reading list Switch to dark mode

    Prestashop Product Attribute Image

    Attributes of any product are very vital or (say crucial) feature. Variations in the product help to serve a range of customers. As we all know & it’s a fact too that a single or definite variant of product can not meet the needs of every customer. Considering such reasons, every shop either offline or online keeps a range of variants for the same product. In the case of an offline shop, a customer has an option to see all the variants. Whereas, in the case of an online shop, it’s generally not available. But now this will be possible, only because of the Prestashop Product Attribute Image module.

    Say, a T-shirt is available in the following three colours i.e. Red, Blue & Green. And, the merchant is also offering various patterns in all these colours. In a situation like this, it’d be much beneficial if you can simply use images to signify all kinds of attributes that this T-shirt has. A customer will also find it useful & convenient to choose the desired product easily by having a look at all the attribute images.

    Now, let’s have a look at all the functional features of the module.

    Features of the Prestashop Product Attribute Image module

    • Display product attribute options as images.
    • Choose to create a new attribute value or select the pre-existing value while adding the attribute.
    • Option to set the product attribute image as the default image of the product.
    • Enable or disable the display of attribute name on the product page.
    • Add, enable or disable the custom product attributes.
    • Choose to edit or delete the custom product attributes.
    • Enable or disable the functionality to copy the product along with attributes images.
    • Choose to use the existing attribute image for the attribute value if it exists.
    • The module is multi-shop compatible.

    How to install the Prestashop Product Attribute Image module

    1. Firstly, go to the module manager in back office and click on ‘upload a module’.
    2. After that, drag and drop the module file or select the file from the system.
    3. In this way, the module installation will be successful.

    How to configure the Prestashop Product Attribute Image module

    After the successful installation of the module, proceed to configure the module.

    In the configuration settings there is only one option. That is to choose whether you want to create copy of the product along with its attribute image or not.

    Let’s understand it with a simple example.

    Suppose you add images for all the attribute values available on the product. In future, there might arise a case when you want to create a copy of the product due to some technical issues. Now, in such a case, you can easily enable the copying option along with attribute images. So that you don’t lose any data. However, you can also choose to keep it inactive, if you don’t want to copy the product along with product attribute images.

    An Important Note:

    For the proper functioning of module, we need to change some code in product.tpl file of theme file of version 1.6.

    Create a copy of the product

    In order to create a copy of the product, click on the “duplicate” option. And, if the option to copy product along with attribute images is active. Then, the duplicate or the copy of the product will also have these attribute images.

    Add images for attributes of the product

    After the installation of the module, you can now custom product attributes & add images to them. To do so, go to the modules section under the edit product page. After that, click on the configure button to proceed.

    On clicking the configure button, you will land on to the following page. Here, you can choose to create attributes along with images.

    It is worth noting that you first need to add or create the attributes along with the images here. You can not add the images directly to existing attributes in the “Combinations” section. However, you can surely use the existing attributes here to add images to them.

    After clicking on the “Add Attribute” button, following page will open. Here, you can select the attribute group, attribute value & fill in other details to add an image to it.

    After choosing an attribute group, you can either select an existing attribute value or create a new one.

    After selecting attribute group and value, enter the name of attribute value and image to display on the product page. Also, choose whether you want to display the attribute name on the product page or not.

    There is another functionality too. Let’s say you want to edit the image of an already created attribute value. Then, in such a case, you will see the first image that you used with this same attribute.

    While uploading the attribute image, you can also choose to set the attribute image as the main product image. Also, view the attribute value and its image under the “Modules” tab. You can also enable/disable or edit/delete the product attribute as per your own convenience.

    NOTE: After adding/deleting product attributes, an admin needs to regenerate the product combinations for the proper functioning of the module.

    View on the front end

    On the product page, a customer will see all the attributes of the product in the form of an image.

    In case, If you have set to use the attribute as the main image too. Then, on clicking the attribute value, image set on the attribute value will display as the main product image too.

    So, this was all about Prestashop Product Attribute Image Module. I hope this document will help you in checking the functionality of the module in a better way. Also, do let us know about your views in the comments.

    In case, if you are also looking for a module that helps you to disable or hide the attribute. Then, do check out the blog.


    For any kind of technical assistance or query, please raise a ticket at or send us a mail at

    Current Product Version - 4.0.1

    Supported Framework Version - 1.7.x.x

    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*

    Be the first to comment.

    Back to Top
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again

    Table of Content

    Hide Index