Slide show

Go to Admin -> Online Store -> Themes -> Customize -> Sections -> GPS Slideshow

Section settings:

  • Auto rotate slide: The slider will go to the next slide after X seconds.
  • Settings for Navigation & Dots: Define the layout & color of Navigation & Dots of slider.
  • Common settings, Padding & margin: On each homepage section, we have these settings in order to manage the spacing, container width… for section.

Block settings:

  • Image: Define the slide’s image.
  • Mobile image: Define the slide’s image on mobile.
  • Action URL: When click on slide it will redirect to this URL.
  • Content: Define the HTML content of slide.Animation on slide’s element: We can make the animation for each element on slide content by adding classes to it. You can preview the class and animation from this link:¬†Animate.css.Customize the spacing between elements & layout of a tag: We have defined some helper class for you:Spacing & alignment classes:¬†value is from 0 5 10 … 70. Eg: margin0, margin5, margin-left10, padding10, padding-top10…
    • margin[value]
    • margin-top[value]
    • margin-bottom[value]
    • margin-left[value]
    • margin-right[value]
    • padding[value]
    • padding-top[value]
    • padding-bottom[value]
    • padding-left[value]
    • padding-right[value]
    • text-[align-value]: align-value is left, center, right.
    Button classes for a tag
    • rounded: Add this class to HTML a tag to make it bordered as a button instead of underline.
    • btn: Add this class to HTML a tag to make it same as a primary button instead of underline.
    • btn-2: Add this class to HTML a tag to make it same as a secondary button instead of underline.
    • line-before: Add this class to HTML a tag to make it have line before when hover.
  • Settings for Text & link color: Define the color of text & link of slide’s content.
  • Width: Custom width of slide’s content.
  • Text alignment: Left, center or right alignment.
  • Settings for Position: Position of content on slide. There’re 9 fixed positions & 3 custom positions.If you choose Custom, you need to define the horizontal & vertical alignment information on tab ONLY APPLICABLE ON CUSTOM POSITIONS.If you choose Custom vertical, middle Horizontal, the content will be aligned center of the slide & you need to define the vertical alignment information on tab ONLY APPLICABLE ON CUSTOM POSITIONS.If you choose Custom horizontal, middle Vertical, the content will be aligned middle of the slide & you need to define the horizontal alignment information on tab ONLY APPLICABLE ON CUSTOM POSITIONS.