The following documentation explains the configuration options of the VP Prime Slider module for VirtueMart.
Configuration
Module
Height (px)
Set the height of the module for Large Devices, Medium Devices, Smaller Devices, and Small Devices in pixels.
Animation Mode
Animation behaviour between slides. The options are Slide and Fade.
Speed
Speed of slide animation in micro seconds (ms).
AutoPlay
Automatic changes of slides.
AutoPlay Timeout
Time between two autoplay slides change in micro seconds (ms).
Lazy Load
Slect yes to lazy load images.
Show Controls
Select yes to show previous and next buttons.
Show Navigation
Select yes to show page navigation (dots).
Slides
Here you can configure each slides as per your requirement. You can also add more slides or delete if needed. Each slide has the following configuration options.
Background
Background Color
The background color of the slide.
Image
Select the background image for the slide. It is optional.
Image Alt
Enter the Alt attribute for the image.
Image - Fit
Select the image fit option. The options are Contain, Cover, Fill, None, and Scale-down. Refer to the object-fit MDN to learn more about this attribute.
Image - Vertical Position
Select the vertical position of the image. The options are Top, Center, Bottom, and Custom.
Image - Custom Vertical Position
Enter the custom vertical position. This option is shown if you select the vertical position as Custom.
Image - Horizontal Position
Select the vertical position of the image. The options are Left, Center, Right, and Custom.
Image - Custom Horizontal Position
Enter the custom horizontal position. This option is shown if you select the horizontal position as Custom.
Container
Width (px)
Set the inner container width of the slide for Large Devices, Medium Devices, Smaller Devices, and Small Devices in pixels.
Vertical Position
Select the vertical position of the inner container. The options are Top, Center, and Bottom.
Vertical Offset (px)
Enter the vertical offset position in pixels, if required.
Horizontal Position
Select the horizontal position of the inner container. The options are Left, Center, and Right.
Horizontal Offset (px)
Enter the horizontal offset position in pixels, if required.
Text Section
Text Section Width
Set the text section width of the slide for Large Devices, Medium Devices, Smaller Devices, and Small Devices in pixels.
Text Alignment
Select the text alignment. The options are Left, Center, and Right.
Reveal From
Select from which direction the texts will appears during animation. The available options are None, Top, Bottom, Left, and Right.
Fade In
Select yes to fade in the texts.
Transition Time (ms)
Set the desired transition time in microseconds.
Transition Style
Select the desired transition style.
Subheading
Subheading Text
Enter the subheading text. You can also keep it blank if needed.
Text Color
Choose the color of the subheading texts.
Text Weight
Select the font weight for the subheading texts. The options are Normal and Bold.
Font Size (px)
Set the subheading font size for Large Devices, Medium Devices, Smaller Devices, and Small Devices in pixels.
Transition Delay (ms)
Set the transition delay in microseconds for subheading texts.
Heading
Heading Text
Enter the heading text. You can also keep it blank if needed.
Text Color
Choose the color for the heading texts.
Text Weight
Select the font weight for the heading texts. The options are Normal and Bold.
Font Size (px)
Set the heading font size for Large Devices, Medium Devices, Smaller Devices, and Small Devices in pixels.
Transition Delay (ms)
Set the transition delay in microseconds for heading texts.
Paragraph
Paragraph Text
Enter the paragraph text. You can also keep it blank if needed.
Text Color
Choose the color for the paragraph texts.
Text Weight
Select the font weight for the paragraph texts. The options are Normal and Bold.
Font Size (px)
Set the paragraph font size for Large Devices, Medium Devices, Smaller Devices, and Small Devices in pixels.
Transition Delay (ms)
Set the transition delay in microseconds for paragraph texts.
Buttons
Button 1 - Text
Enter the label for the first button. Keep it blank if no button to be displayed.
Button 1 - URL
Enter the link URL of the first button.
Button 1 - Style
Select the desired Bootstrap button class from the list.
Button 2 - Text
Enter the label for the second button. Keep it blank if no button to be displayed.
Enter the link URL of the second button.
Button 2 - url.
Button 2 - Style
Select the desired Bootstrap button class from the list.
Button 3 - Text
Enter the label for the third button. Keep it blank if no button to be displayed.
Button 3 - URL
Enter the link URL of the third button.
Button 3 - Style
Select the desired Bootstrap button class from the list.
Transition Delay (ms)
Set the transition delay in microseconds for the buttons.
Global
URL
Enter the URL to which the entire slide to be linked with. Keep it blank if not needed.