Menu Close
    Searching for an experienced eCommerce & Marketplace Development Company ?

    User Guide for Image Part Finder for Shopware 6

    Using this module, the customers can search for parts on an online store. Image Part finder for Shopware 6 module provides quick options to find the right parts. Various options are provided to store admin for managing the image part finder module.

    Features

    • The admin can enable or disable the module.
    • Admin will be able to add a new diagram.
    • The admin can edit the existing diagram.
    • Admin can assign categories to the diagram.
    • The admin can map multiple products to the diagram.
    • Admin can enable or disable the status of the diagram.
    • Also, the part finder can search the parts category-wise as per the admin setting.
    • A customer can easily see the details of the parts by clicking on the mapping spot number.
    • The customer can add parts directly to their shopping cart for checkout.

    Installation Steps – By Running Commands & Manually

    Customers will get a zip folder, and they have to extract the contents of this zip folder on their system.

    After extracting the WebkulImagePartFinder folder, the customer needs to transfer this folder to custom > plugins on the server, as shown in the snapshot below.

    screenshot_2021_07_12_11_11_51-1-1

    After the successful transfer of the module folder, you have to run the below-mentioned commands in the Shopware root directory.

    1 – Go to your Shopware installation root directory and run this command –

    php bin/console plugin:install WebkulImagePartFinder

    2 – To activate the plugin run this command –

    php bin/console plugin:activate clearcache WebkulImagePartFinder

    Manual installation from the plugin manager:

    For the manual installation of the plugin follow the steps as mentioned below:

    1) Extract the zip file of the plugin.

    2) Goto your Shopware 6 installation backend panel and navigate to  Extensions-> My Extensions after that you can find all the installed plugins in it.

    screenshot-shopware6demo.webkul.com-2021.07.09-15_21_17

    For installing the plugin, the user can click on the Upload Extension button. The user can upload the plugin zip(WebkulImagePartFinder) here.

    3) After uploading the plugin zip, the user can see the Extensions in the list.

    screenshot-shopware6demo.webkul.com-2021.07.09-15_21_17-1

    4) Now the user can click on the install icon to install the Webkul Image Part Finder extension.

    5) After the installation of the extension, the user can click to activate the extension.

    screenshot-shopware6demo.webkul.com-2021.07.09-15_21_17-2

    While in the process the admin can see the success message ‘Extension has been activated‘.

    After the installation process and plugin configuration if the Image Part Finder  icon option is not visible then run this command to clear the cache:

    php bin/console cache:clear

    Image Part Finder for Shopware 6– Configuration

    After the successful installation of the module, the admin can configure this module under “Extensions > My Extensions > Webkul Image Part Finder > Config” in the drop-down as shown below snapshot.

    screenshot-shopware6demo.webkul.com-2021.07.09-15_30_33

    Tapping on the Configuration button will bring you to the Webkul Image Part Finder configuration page. In the general setting, the admin can set the required settings for the image part finder.

    screenshot-shopware6demo.webkul.com-2021.07.09-16_14_05
    • Sales Channel: Select the sales channel either Headless or Shop.
    • Spot Color: Here the admin needs to select the color of the mapping spot.
    • Spot Background Color: Here the admin needs to select the background color of the mapping spot.

    Image Part Finder for Shopware 6 – Admin Backend

    After the Product Image Part Finder for Shopware 6 installation and configuration, the admin will Goto Settings >> Extensions>> Webkul Diagram tab in the admin panel.

    screenshot-shopware6demo.webkul.com-2021.07.09-16_36_15

    On clicking on the “Webkul Diagram” tab, Afterward, a new page opens where the admin can see the list of diagrams as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.09-16_55_04

    Add New Diagram

    To add a new diagram, the admin needs to click on Add New Button as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.09-17_08_16

    After Clicking on the Add New Button the admin needs to enter the following details as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.09-17_20_17
    • Diagram Name The admin needs to enter the name of the diagram.
    • Upload Image Diagram – Here the admin needs to upload the image of the diagram.
    • Choose Category – Here the admin needs to select a category for the diagram.
    • Status – The admin can enable or disable the status of the diagram.

    After entering the following details, the admin needs to click on the Save button.

    screenshot-shopware6demo.webkul.com-2021.07.09-17_20_17-1

    Edit Diagram

    To edit a diagram, the admin needs to click on the Edit button as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.09-17_46_50

    After Clicking on the Edit button the admin can edit the following details as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.09-17_48_25

    After making changes the admin needs to click on the Save button.

    The admin can also map the parts in the diagram by clicking on the Mapping button as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.11-14_14_12

    After clicking on the “Mapping”, a new page opens where the admin can map the parts in the diagram as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.12-10_10_04

    Start Number – Here the admin needs to enter the number for which he/she wants to map the part.

    After entering the start number the admin needs to map the spots by clicking on the place where the admin wants to map the parts in the diagram.

    screenshot-shopware6demo.webkul.com-2021.07.12-10_21_12

    To assign the parts to a particular spot the admin needs to double click on that spot.

    screenshot-shopware6demo.webkul.com-2021.07.12-10_34_14

    Afterward, the admin needs to select the parts to assign to a particular spot and click on Confirm button as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.12-10_53_45

    After clicking on the Confirm button the admin will be able to see the list of parts assigned to the particular spots as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.12-11_36_07

    Image Part Finder for Shopware 6 – Customer End

    Now after creating “Image Part Finder, let us move into the customer end.

    Here customers will find the categories in order to search for the parts using the image part finder feature as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.12-12_15_16

    If the admin sets the status of the diagram Enabled in the backend, then the customer will be able to see the diagrams in the frontend as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.12-12_09_01

    The customer can also zoom in and zoom out the image of the diagram by clicking on the ‘+‘ and ‘‘ button on the top left corner as seen in the screenshot given below.

    screenshot-shopware6demo.webkul.com-2021.07.13-12_04_10

    Afterward, the customer can check the parts in the given diagram by clicking on the spot numbers.

    screenshot-shopware6demo.webkul.com-2021.07.12-12_27_27

    The customer can add the part directly to their shopping cart by clicking on Add to shopping cart button.

    screenshot-shopware6demo.webkul.com-2021.07.12-12_30_18

    Support

    That’s all for Image Part Finder for Shopware 6 still have any issues feel free to add a ticket and let us know your views to make the module better http://webkul.uvdesk.com/. Please explore our shopware development services and Quality shopware extensions

    Current Product Version - 1.0.0

    Supported Framework Version - 6.1.2, 6.2.0

    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    Be the first to comment.

    Back to Top