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

    Prestashop Marketplace Product 360 Degree View

    Take your Prestashop store to the next level by adding 360 degree image rotation to the product pages. 360 degree view makes the product feel more real to the customers and gives them a chance to explore the product from all angles. Prestashop Marketplace Product 360 degree view facilitates both admin and sellers to add a group of images to a product’s gallery.

    360 degree spin allows the customers to view even the minute details of a product. Customers can play or stop the 360 degree view and turn the image side by side as well to get a clearer view of a product.

    Showcasing 360 degree images attracts the attention of customers and makes them stay longer on the store. Showing customers every detail of a product helps them make a purchase decision faster and increase sales on the store.

    Features of Prestashop Marketplace Product 360 Degree View

    • Admin can choose to display 360 degree view at product page footer, product page tab, or product page image thumbnail.
    • Admin can customize the dimensions of a 360 degree view block.
    • Spin speed with which images rotate in a 360 degree view can be managed by admin.
    • Enable/Disable the full screen view of 360 degree view.
    • The seller can preview the product 360 degree view after uploading the 360 degree images.
    • After uploading the images, seller can also change the position of images by simply dragging them.
    • Admin can also set 360 degree view for seller products.
    • Admin can upload a customized 360 degree thumbnail image.
    • A user can start/stop the 360 degree view and view each image in a 360 degree view by clicking on the left/right buttons.

    Note

    For displaying 360 degree product view on product thumbnail in Prestashop version 1.6.x.x, the following 2 hooks need to be added in site theme’s product.tpl file:

    1. {hook h=”displayThreesixtyViewThumbBigpic” product=$product}
    2. {hook h=”displayThreesixtyViewThumbnail” product=$product}

    But the product.tpl file may be vary according to client theme and client will need our assistance for adding these 2 hooks. In order to add these hooks please create a ticket at http://webkul.uvdesk.com.

    Installation

    For installing this module, you need to install Prestashop Advanced Multi Vendor Marketplace module first.

    After installing the marketplace module you can start the installation of Prestashop Marketplace Product 360 Degree View.

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

    Module Configuration

    360 Configuration

    Under configuration, admin can choose to display 360 degree view block at product page footer, product page tab, or product page image thumbnail. Admin can set the spin speed for image rotation and enable/disable full screen view of 360 degree images. Also, admin can choose to upload his own thumbnail image.

    After the installation of the module, a new tab “360 VIEW” gets add on edit product page. From this tab, admin can add 360 view images for seller products as shown below:

    Seller End Workflow

    A seller can set a 360 degree view of a product under the “360 View” tab of the Update Product page. Under this tab, a seller can add sequential images to create a 360 degree view of the product.

    After uploading the product images, seller can also change its position with the help of position number mentioned below the image.

    After uploading the images, the seller can see the preview of the 360 degree view by clicking on “PREVIEW 360 VIEW” button.

    Seller can also change the position of the images by dragging them as show below:

    Front End View of Product 360 Degree View

    Display of Product 360 Degree View At Image Thumbnail

    A customer can see a 360 degree view of a product by clicking on the thumbnail image. Also, if enabled by admin from the back office then a customer can view 360 degree images in full screen.

    Full Screen View of 360 Degree Images

    A customer can start or stop the 360 degree view of a product by clicking on the play button.

    If admin has disabled the 360 degree view in full screen then full screen symbol will not display on the 360° view block. Hence, the customer will not be able to see a 360 degree view of a product on a full screen.

    Display of Product 360 Degree View At Footer

    Admin can also customize the dimensions of 360 degree view block.

    Display of Product 360 Degree View At Product Page Tab

    If “Product Page Tab” is selected as display position, then 360 degree images will display alongside product details & description tabs.

    NOTE

    In Prestashop Marketplace Product 360 Degree View module version 1.6.x.x, we do not provide “Product Page Tab” option in the configuration as product page tab option does not exist in version 1.6.x.x. In Prestashop Version 1.6.x.x, the store admin can choose to display 360 degree view on product page footer and product page image thumbnail.

    Support

    For any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com and for any doubt contact us at support@webkul.com.

    Current Product Version - 5.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