A Magento 2 Widget to be able to add a USP Banner
composer config repositories.nathanday/usp git [email protected]:natedawg92/usp.git
composer require nathanday/module-usp
php bin/magento module:enable NathanDay_Usp
- Download the latest releases from:
- Create the following Directory
app/code/NathanDay/Usp
- Extract the downloaded files into the appropriate directory
- run
php bin/magento module:enable NathanDay_Usp
- navigate to your Magento Admin page
- Using the menu go to
Content->Elements->USP Blocks- This page will resemble the CMS Blocks page and is used in exactly the same way
- Click
Add New Block- Enter a Block Title
- Enter a Unique Identifier
- Choose an Optional Sort Order
- A higher sort order means this block will have a higher precedence over others.
- Chose a Store View
- Enter the Block content using the WYSIWYG Editor
- Repeat these steps for as many USP blocks as you want
- navigate to your Magento Admin page
- Using the menu go to
Content->Elements->Widgets - Click
Add Widget- Select
USP Bannerfrom the Type dropdown - Select your current theme
- Click Continue
- Enter a Widget Title
- Select your Store Views
_ Add a Layout Update
- A new Container has been added called USP Container this will add your USP Banner directly after the Website Navigation Menu
- Select Widget Options from the left-hand menu
- Select the USP Blocks that you want to show on your banner
- Select how many USP Blocks you want to show on each of the following Viewports
- Mobile <768px
- Tablet >=768px <992px
- Desktop >=992px <1200px
- Large Desktop >=1200px
- Any USP Blocks that have been selected but not visible on a viewport will be rotated into view
- e.g. if 4 USP blocks are selected, but you have selected only 2 to be visible on a tablet viewport, then the USP blocks will rotate showing 2 at a time
- Select