Enable the Force Enable jQuery option from the Global Settings model
Then click the Save Global Settings button and refresh the slider tab to the font end.
If the slide does not show after following the instructions above, then please follow the instructions below
Go to publish slider area again then publish it in sections.
Go to theme customizer then click add section button then select slider
Go to Slider editor Rename slider Alias then republish slider
Now publish your slider again.
Use embeded system if your theme not added custom field
Remove the Revsliderapp Assets theme from the Themes section and republish your slider
Now publish your slider again.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
Slider Revolution is also capable of displaying your Shopify Products in an attractive slider. All you need to do is setup one slide with the product information you want to show and select product categories.
At first, we need to click ‘New Module from Template’ Option
Search by entering Shopify product in the search field or select Shopify Product from Module Templates category. Now you can see the product template in Shopify
Choose a Shopify Product template and click the add icon which template you choose and then click the ‘Install Template’
Selecting Products as Slider Source Configuring Products Slider Source
The “Add to Cart” and “Product link” buttons are created using Button Layers and it’s hyperlinked using Layer Actions. Click on the Meta button shown below to open the list of Meta Data
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
Before enabling this option make sure you have published the slider. if slider is showing successfully then this section is not for you. If after publishing the slider is not visible in the site then you need to Enable jQuery forcefully from the Global Settings. This will add jquery to your published theme. Most of the time it solves the slider not showing issue.
Then click the Save Global Settings button and refresh the slider tab to the font end.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
To use an YouTube Video as the Slide’s main background, select "YouTube Video" as the Source.
Enter the ID of the YouTube video you wish to display.
Enter your shop URL for Playing YouTube Background Video.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
To use an Vimeo Video as the Slide’s main background, select "Vimeo Video" as the Source.
Enter the ID of the Vimeo video you wish to display.
All videos must have a “poster image” set. The “poster” is what will first animate into view when the Slide is shown, and then the video will begin to play afterward.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
Add a Button Layer to the editing stage
Links can be added to any individual Layer. In the following example, we’ll add a link to a simple Button.
Next, select the Layer on the stage and click the “Actions” menu item.
And then enter the link’s URL and decide if it should open in a new window or the same window.
Enter the url of the web page you wish to link to.
To link a Slide, visit the Slide’s “Tags & Link” section.
And then enable the “Slide Link” option in the “Link & SEO” section, and enter the URL you wish to link to.
And then enable the “Slide Link” option in the “Link & SEO” section, and enter the URL you wish to link to.
Enable this option to apply a link to the entire Slide itself.
Set this to “Regular” to link to a custom URL such as another web page.
The url of the website you’d like to link to.
Use “same” to open the link in the same window/tab, or “new” to open the link in a new window/tab.
Choose if the link should be placed above (front) or behind (back) all other content.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
Choose how your Layers should resize and reposition, and set their visibility for different screen sizes.
If Intelligent Inheriting is set to OFF, the Layer’s size and position will need to be set manually for each responsive viewport.
If Intelligent Inheriting is set to ON, the Layer’s size and position will automatically be resized/repositioned as the Module resizes.
Clicking the Reset All Values from Desktop button will reset the Layer’s size and position for all viewports to the Layer’s size/position for its Desktop view.
Clicking the Inherit All Values from Desktop button will reset the Layer’s size and position for all viewports automatically.
Enable this option if you want the Layer to resize for the different screen sizes.
Enable this option if you want the Layer to reposition itself for the different screen sizes.
If a Layer has nested HTML markup, the nested HTML will also be resized.
Show/hide the Layer when the screen size is in the Desktop Viewport.
Show/hide the Layer when the screen size is in the Laptop Viewport.
Show/hide the Layer when the screen size is in the Phone Viewport.
Show/hide the Layer when the screen size is below the “Marked Layers” number set in the Module’s General Settings.
Choose to only show the Layer when the user has hovered their mouse over the Module.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
Change between slides with the help from navigation arrows.
Choose a predefined style for the Arrow buttons.
Choose “Module Dimension” to align the Arrows to the entire module, or “Content” to align the Arrows by the Content Layers Grid.
Set the position of where the Arrow should be placed.
A horizontal margin from the Arrow’s alignment position.
A vertical margin from the Arrow’s alignment position.
Change between slides with the help from navigation bullets.
Choose a predefined style for the Bullets.
Choose “horizontal” to place the bullets beside each other, and “vertical” to stack the bullets on top of one another.
Choose “Module Dimension” to align the Bullets to the entire module, or “Content” to align the Bullets by the Content Layers Grid.
A horizontal margin from the Bullets alignment position.
A vertical margin from the Bullets alignment position.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
Choose “Blank Slide” to add a new Slide without any predefined content
Choose “Bulk Slide” to add more than one Slide at a time with predefined background images.
Choose “Slide from Template” to add a Slide from the Template Library
Choose “Import from Modules” to import Slides from your other Modules.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
Show/hide the Layer when the screen size is in the Desktop Viewport.
Show/hide the Layer when the screen size is in the Laptop Viewport.
Show/hide the Layer when the screen size is in the Tablet Viewport.
Show/hide the Layer when the screen size is in the Phone Viewport.
Show/hide the Layer when the screen size is below the “Marked Layers” number set in the Module’s General Settings.
Choose to only show the Layer when the user has hovered their mouse over the Module.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
To change text content, start by selecting the layer you want to modify. This will automatically open the Layer Options tab in the sidebar. Click the Content sub-section where you will see a field containing the layer’s text content.
With the text layer you want to modify selected, make sure you are in the Style sub-section of the Layer Options tab in the sidebar. In the panel labeled Font & Icon look for the field with a label that looks like two letters T’s next to each other.
Look for the field with the label that looks like two letter A’s next to each other. When you click on this field you’ll see a drop-down with several numbers, each a multiple of 100. The higher the number the thicker your text will become.
Locate the field labeled Font Family, click it, and you will see a scrollable drop-down list of all the fonts that are available for you to choose from.
Find the field labeled Text Color and click on the small colored square next to it.
To resize an image, start by selecting its layer. You will see a bounding box appear around it with small circular white handles on each side:
To learn more about youtube video slider you can visit our Documentation or Video Tutorials
Click on the Publish to Store button. From the Where To Show option, select Embeded Global (Page builders, Shogun, PageFly ....), then click on the Next button.
Copy the embedded code and insert the embedded code in the html field wherever you want to see the slider.
To learn more about youtube video slider you can visit our Documentation or Video Tutorials