How to create image mapping of shopping world in Shopware 5?

Create Image Mapping of Shopping World in Shopware 5

Shopping World has the feature of Image mapping in which we can map the banner images to show our selected products.

Please follow the below steps to create image mapping.

Step 1: Login to the admin panel and go to Marketing >Shopping World.

Step 2: To edit the shopping world click on the Pencil icon.

  Step 3: Click on the Pencil icon to edit the banner element.

Step 4: Select image which you want to show on banner.

Step 5:  After selecting the banner image click on the Create image mapping.

Step 6: Click on the Add new mapping.

  • And then you can drag the rectangular object in the image where you can link the product item.

Step 7: Add the product item on the link and title of the product which you want to show on the banner.

  •   Note:  Activate the Show title as tool tip.

Step 8: Click on the Update button to update the process.

Step 9: Now click on the Save button to save the process.

Step 10: After clicked on the save button, click on the Save button of banner.

 Step 11: click on the save button of shopping world to save all process.

  Step 12: Now go to the Store-Front and click on the banner where you select the area to show the product.

Step 13: And after clicking on the banner it will directly go to the product page which you mentioned before.