[Plugin] New plugin for shop the look feature for e-commerce sites

[JiyaAgrawal20]

Created a new app tab plugin for Shop The Look feature in an e-commerce website.

This plugin has 2 modes :

Listing all the Lookbooks

• You can see how many hotspots does one lookbook has.
• You can Edit a lookbook that was saved.
• You can Delete a lookbook from builder model completely.

When clicking on Edit button for any lookbook, it will look like this :
The page will be automatically filled with previous data. Just add, edit or delete hotspots and click on SAVE ALL button for the updation.

Create a new Lookbook

You can create a new lookbook in simple steps.

1. Add a name for your lookbook and click on NEXT button for processing further.

2. Click on CHOOSE FILE for image selection (image should only be in .jpeg format)

3. Click on UPLOAD IMAGE for processing further. Your chosen image will be previewed at the bottom of your input fields

4. Now just click anywhere on the image, a small modal will open. Give the unique identifier for your product and click on the SAVE button in the modal for adding a hotspot.

5. All of your hostpots will be gathered in a table. Now just click on the SAVE ALL button at the bottom of the table and the data will be saved.

6. You can edit a particular hostpot too by clicking on it in the image.

7. You can delete a hotspot by clicking on DELETE button in the table row and then clicking on SAVE ALL.

8. The APIs will do rest of the work and Builder.IO will reflect the changes in just a minute and you can see your changes in the Lookbook listing page.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 7ce2c88

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR