The Configuration of Mconnect Nested Slider Extension for Magento® 2 Extension:
To know how to install this extension, review installation video.
Before you proceed with using the extension, you need to do the configuration of the extension as shown below:
1. Sign in to the Magento Extension Administrator Panel.
2. Navigate to ‘Stores’ menu and select 'Configuration' menu.
3. Scroll down in Configuration to find 'MConnect.' Click on 'Tab Slider.'
4. Tab Slider Settings Screen opens.
- Enable/Disable Tab Slider: Set 'Yes' to display the brand logo at the storefront.
- Select Tab Placement: This is your tab placement place. You can select the place where you want to put the tab (left, right, Top, or Bottom).
5. Click on 'Save Config' to save the configuration settings.
How to add Tab?
1. Navigate to 'MConnect' in Tab settings Menu.
2. Add a new tab by clicking on the 'Add Tab' button.
3. Add Tab Screen opens.
4. Enter the Brand Logo information as shown below:
- Tab Title: Enter the title of Tab.
- Tab Tagline: Enter the Tab Tagline.
- Store View: Select store view in which store view you want to display Tab.
- Status: Keep the Tab 'enabled' to display at the storefront. To hide the Tab, select the 'disabled' option.
5. Click on 'Save Tab' button to save the details.
The particular tab will be added to the list at admin panel and also at the storefront.
How to add Tab Slider?
1. Navigate to 'MConnect' in TabSlider settings Menu.
2. Add a new tab by clicking on the 'Add Slider ‘button.
3. Add Tab Slider Screen opens.
4. Enter the Tab Slider information as shown below:
- Tab: select Tab In which You Want to Display the slider.
- Slider Title: Enter the Slider Title.
- Slider Image: Select and upload an image for the Tab Slider.
- URL Key: Write URL key for redirect URL on another page.
- Slider Content: Enter Slider Content which displays at Frontend on a slider.
- Store View: Select store view in which store view you want to display Tab.
- Status: Keep the Tab 'enabled' to display at a storefront. To hide the Tab, select the 'disabled' option.
5. Click on 'Save Tab' button to save the details.
The particular tab will be added to the list at admin panel and also at a storefront.
FRONT END:
Use below code in your CMS page or Static block to display slider:
{{block class="Mconnectsolutions\Tabslider\Block\Tabslider" name="slider_list" template=" Mconnectsolutions_Tabslider::tabsliders.phtml"}}
To add Slider in using your .phtml file, use below code.
<?php echo $this->getLayout()
->createBlock(Mconnectsolutions\Tabslider\Block\Tabslider ')
->setTemplate(Mconnectsolutions_Tabslider::tabsliders.phtml ') ->toHtml(); ?>
Comments
0 comments
Please sign in to leave a comment.