Streamit
Streamit Documentation

Main Card Slider

  • Card Template Section
    • Title
      • Title: Enter the title for the card slide.
      • Title Tag: Select the HTML tag for the title from the dropdown (Options: H1 to H6).
    • Style Type
      • Style Type: Choose between two layout options:
        • Slider: Displays the cards in a sliding carousel.
        • Grid: Displays the cards in a grid layout. If selected:
          • Number of Cards per Row: Specify the number of cards to display per row.
  • Slide Content Section
    • Content Type
      • Select Content Type: Choose content type from a dropdown list.
    • Post Filter
      • Select Post Filter: Filter posts by categories, tags, or custom taxonomies using a dropdown menu.
    • Content Selection
      • Select Content: Manually choose posts to display from a list.
    • Display Settings
      • Show Title (It will appear when hover on card): Toggle (Yes/No) to show or hide the post title.
      • Show Premium Badges: Toggle (Yes/No) to show or hide premium badges.
      • Play Now Text (It will appear when hover on card): Customize the Button text for playing the content.
    • View All Button
      • Use View All Button?: Toggle (Yes/No) to enable or disable the ‘View All’ button at the bottom of the widget.
  • Slider Control Section
    • Responsive Card Rendering
      • Desktop View: Set the number of cards rendered per row for desktop devices.
      • Laptop View: Set the number of cards rendered per row for laptops.
      • Tablet View: Set the number of cards rendered per row for tablets.
      • Mobile View: Set the number of cards rendered per row for mobile devices.
    • Autoplay Settings
      • Autoplay: Toggle (True/False) to enable or disable automatic sliding.
      • Autoplay Speed: Set the speed of the autoplay in milliseconds.
    • Infinite Loop
      • Infinite: Toggle (True/False) to enable or disable infinite looping of the slider.
      • Speed: Set the speed of the slide transition in numeric values.
    • Arrow Navigation
      • Arrow: Toggle (True/False) to enable or disable arrow navigation for the slider.