Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    prestashop-hyperlocal-marketplace-guide

    Prestashop Shop The Look

    Increase average order value and cross-sell products as looks by offering customers to purchase multiple products from a single page. Showcasing multiple products in a single image lets customers find the right set of products that influences their purchase decision. Prestashop Shop The Look module saves time of customers as they don’t have to redirect from one page to another for searching the products which improve the overall shopping experience on the store.

    Features of Prestashop Shop The Look

    • Create collections by adding multiple looks and display them on the Lookbook page.
    • Set the position of looks to be displayed on the collection page.
    • Add multiple products in a look and also set the position of products to be displayed in a look on the collection page.
    • Create multiple hotspots on the look image and select products to be displayed on hotspots.
    • Enable/disable, preview, or edit/delete the collection.
    • Six type of views in the module for displaying collections on the Lookbook page.
    • A separate tab Lookbook under which customers can view all the collections added by admin.
    • Customers can view collections on the home page
    • Customers can view all the looks added by admin in a collection.
    • View products added in a look by hovering on the look image.
    • Customers can purchase either complete look or individual products from the look.

    Installation

    1. Go to back office ->modules.
    2. Upload the module zip file.
    3. The module will automatically get installed on your Prestashop.

    Configuration: Shop The Look

    After the installation of module, a new tab “Shop The Look” gets added under Catalog where admin can configure the module settings.

    While configuring the module settings, admin needs to upload banner image and its text to be displayed on Lookbook collection page. Also, admin can select the view in which he wants to display the collections on Lookbook page.

    Type of View

    Admin can select the view in which he wants to display the collections on the Lookbook page. There are six view types available in the module:

    1. Carousel Grid View
    2. Masonry view
    3. List View
    4. Grid View
    5. Collage View
    6. Carousel View

    Adding The Collections

    While creating a collection, admin has to set

    • Set its name and description
    • Upload banner image of collection
    • Set banner text

    For creating a look, admin has to upload the image, add related products, and then set the hotspot of the products in an image.

    After setting the look name and image, admin has to add the products in a look. When admin clicks on “ADD NEW PRODUCT” button, a popup appears on screen from where he can search the products and add them in a look.

    After selecting the products and their combination, click on “Save” button to add the products in a look.

    After adding products in a look, admin can set hotspot of the products in an image as shown below:

    For adding a hotspot, admin has to double click on the image and then select the product which he wants to display on that hotspot. Also, admin can remove the hotspot by clicking on it.

    Similarly, admin can add multiple looks in a collection.

    After creating the collection, admin can view it under Manage Collection as shown below:

    Preview of a collection at Front End

    Shop The Look – Front End View

    After the installation of the module, a new tab “LOOKBOOK” gets added on the front end from where customers can view all the collections added by admin. Also, customers can view collections added by admin from backend in a carousel view.

    When a customer clicks on a collection, he can view all the looks added by admin in a collection.

    When a customer hovers on the image he can view the products set by admin on the hotspots as shown below:

    Type of View of Collections on Lookbook page

    • List View
    • Grid View
    • Carousel View
    • Masonry View
    • Carousel Grid View

    Support

    That’s all for the Prestashop Shop The Look Extension.

    If you still have any issue feel free to add a ticket and let us know your views to make the module better at http://webkul.uvdesk.com/.

    Current Product Version - 4.0.0

    Supported Framework Version - 1.7.x.x

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    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
    Close

    Table of Content

    Hide Index