rsilva / vitrine
Vitrine module by https://github.com/SilRodrigo for Magento 2
Installs: 20
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Type:magento2-module
Requires
- php: >=7.4
- rsilva/base: >=1.0.2
- rsilva/product-filter-api: >=1.0.2
This package is auto-updated.
Last update: 2024-11-07 05:49:54 UTC
README
This module allows you to upload an image and link products to it, placing it anywhere in your website with pagebuilder.
Setup
Magento 2 Open Source or Commerce edition is required.
Composer installation
Run the following composer command:
composer require rsilva/vitrine
Setup the module
Run the following magento command:
bin/magento module:enable Rsilva_Base Rsilva_ProductFilterApi Rsilva_Vitrine
bin/magento setup:upgrade
If you are in production mode, do not forget to recompile and redeploy the static resources.
Features
This module allows you upload a image and link products to it. Place a Vitrine anywhere on your website using pagebuilder feature.
Using
Creating a new Vitrine
- Access your Magento admin panel.
- On left menu access Rsilva -> Vitrine
- Click on New ambient
- Input a name for your Vitrine
- Upload a new image or select one from gallery.
After that a bigger image from your upload will be shown below. To start pinpointing your products, click on any place you'd like on that image.
A search input will appear, type a product name you want to link to that pinpoint and press enter. All products that match your query will be listed, click the one you want.
That's it, you tagged your first product, repeat the process to pin other products as well. After you pinned all products you wanted, click on Save button.
Placing your Vitrine anywhere on your website.
- Using a pagebuilder editor, place a text component anywhere you'd like.
- Click on that component as if you'd write something, on the option that will be show above, click on Insert Widget
- On Widget Typeselect Vitrine selector
- Choose a Vitrine that you created
- Click on Insert Widget and save your modifications.
And That's it, your Vitrine ambient is now ready on your frontend webpage.
Support
Send a Hi to rodrigo.sil91@gmail.com and I will try to help.
Author
License
This project is licensed under the MIT License - see the LICENSE details.
That's all folks!
Reference documentation
Searching with repositories
Forms and Ui Components
-
https://developer.adobe.com/commerce/frontend-core/ui-components/components/form/
-
https://developer.adobe.com/commerce/frontend-core/ui-components/components/html-content/
-
https://devdocs.magento.com/guides/v2.3/ui_comp_guide/components/ui-listing-grid.html
-
https://developer.adobe.com/commerce/frontend-core/ui-components/components/image-uploader/
-
https://developer.adobe.com/commerce/frontend-core/javascript/jquery-widgets/alert/
Knockout
Widget
jQuery
-
https://developer.adobe.com/commerce/frontend-core/javascript/jquery-widgets/
-
https://developer.adobe.com/commerce/frontend-core/javascript/jquery-widgets/loader/
Javascript
Frontend