How do I enable the Secondary Banner slider on the Home Page?
In Jet Theme Lite, Pro & Premium, the Home Page secondary banner slider is presented by a widget. In order for the slider to function, a corresponding widget needs to be created first, and then added to the Home Page.
The slider widget is created in a standard Magento way. Please navigate to Content → Elements → Widgets and add a new widget there with the Type set to Slider for Secondary Banner:
Make sure to select Jet Theme in the Design Theme section and hit Continue.
After saving these settings, no changes can be made to the type or design of the slider. In case you need to modify any of the options, you'd need to delete the widget and create a new one.
Then fill in the required widget properties in the Storefront Properties tab (widget title, scope, etc.):
Navigate to the Widget Options tab in order to set up the images for the slider:
Note the difference between the image URL and the image link destination:
The image URL is the path to the file where your image is stored (for example, on your server). Typically images on a server are put into a /media directory inside one of your root Magento folders, it might be a /pub folder. So a path to one of your images could be like this: http://jet--johnsmith.ap99.server.com/pub/media/sample.jpg
The image link destination is the URL address of the page where the customer would be redirected on your website after clicking on the image in the slider. For example, clicking on an image of a product featured in the slider would take you to product page http://johnsmithwebsite.com/sampleproduct.html .
Lastly, save the configuration of this new widget. When ready, the secondary banner slider can be added to the Home Page. This process also duplicates the Magento default one:
- navigate to Content → Elements → Pages → Home Page and proceed with editing the page;
- in the Content section, insert the recently created widget via the Insert widget button or via the editor, and save the configuration.
The result on the front-end would be a secondary banner slider with 3 featured images in it:
Related Articles
How can I configure the content of the Home Page?
By default, if you are installing the Jet theme without any sample data, all the custom CMS blocks from the Jet theme will be disabled. To enable custom Jet theme blocks, you have to do it manually, by enabling each particular block one by one. To do ...
What are the names of all the sub-modules of Jet Theme Lite/Pro/Premium & how to install them?
Jet Theme includes several add-ons that enhance its functionality. Each package - Lite, Pro or Premium - comes with its own set of sub-modules. All of those are free together with the purchase of the specific Jet Theme package. In Jet Theme Lite ...
I installed the Jet Theme, but don't see all the features that are in your demo. How do I get the specific sliders/widgets/etc.?
Jet Theme includes several add-ons enhancing its functionality. Each package - Lite, Pro, or Premium - comes with its own set of sub-modules. In Jet Theme Lite those complementary modules are: Jet Optimizer, Jet Non-Latin Fonts, Mixin Rewrite Patch, ...
Banner Slider | GraphQL methods
Queries amGetSliderWidget (id: Int @doc(description: "Widget ID.")) description: information about silder widget amGetSlider (id: Int @doc(description: "Slider ID.")) description: information about slider
How to use the Jet Theme Style Guide?
The Jet Theme Style Guide is a Storybook-based tool that consists of fonts, layouts, and elements settings. This guide includes comprehensive documentation that can be used to learn how to give a standardized look to the storefront. In case you want ...