{"id":824,"date":"2025-01-17T11:48:56","date_gmt":"2025-01-17T11:48:56","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit\/?p=824"},"modified":"2025-08-20T07:02:32","modified_gmt":"2025-08-20T07:02:32","slug":"main-card-slider","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit\/2025\/01\/17\/main-card-slider\/","title":{"rendered":"Main Card Slider"},"content":{"rendered":"<div class=\"nolwrap\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1913\" height=\"884\" src=\"https:\/\/documentation.iqonic.design\/streamit\/wp-content\/uploads\/sites\/4\/2025\/01\/Screenshot_2.png\" alt=\"\" class=\"wp-image-2262\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Card Template Section<\/strong>\n<ul class=\"wp-block-list\">\n<li>Title\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong>: Enter the title for the card slide.<\/li>\n\n\n\n<li><strong>Title Tag<\/strong>: Select the HTML tag for the title from the dropdown (Options: H1 to H6).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Style Type\n<ul class=\"wp-block-list\">\n<li><strong>Style Type<\/strong>: Choose between two layout options:\n<ul class=\"wp-block-list\">\n<li><strong>Slider<\/strong>: Displays the cards in a sliding carousel.<\/li>\n\n\n\n<li><strong>Grid<\/strong>: Displays the cards in a grid layout. If selected:\n<ul class=\"wp-block-list\">\n<li><strong>Number of Cards per Row<\/strong>: Specify the number of cards to display per row.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Card Style: \n<ul class=\"wp-block-list\">\n<li><strong>Card\u00a0Style<\/strong>: Choose the\u00a0visual appearance of your cards:\n<ul class=\"wp-block-list\">\n<li><strong>Portrait<\/strong>: Traditional vertical card\u00a0layout with\u00a0portrait orientation.<\/li>\n\n\n\n<li><strong>Landscape<\/strong>: Horizontal card layout with landscape\u00a0orientation.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Slide Content Section<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Content Type<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Select Content Type<\/strong>: Choose content type from a dropdown list.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Post Filter<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Select Post Filter<\/strong>: Choose how to filter\u00a0and display posts:\n<ul class=\"wp-block-list\">\n<li><strong>Selected<\/strong>: Manually choose specific\u00a0posts to display<\/li>\n\n\n\n<li><strong>Genre<\/strong>: Filter posts\u00a0by specific\u00a0genres<\/li>\n\n\n\n<li><strong>Tags<\/strong>: Filter posts by specific tags<\/li>\n\n\n\n<li><strong>Upcoming<\/strong>: Display only upcoming content<\/li>\n\n\n\n<li><strong>Latest<\/strong>: Display the most recent content<\/li>\n\n\n\n<li><strong>Most Like<\/strong>:\u00a0Display content with the highest like counts<\/li>\n\n\n\n<li><strong>Rent<\/strong>: Display only rentable (Pay Per\u00a0View) content<\/li>\n\n\n\n<li><strong>Paid<\/strong>:\u00a0Display only premium\/paid content<\/li>\n\n\n\n<li><strong>Rent or Paid<\/strong>: Display both rentable\u00a0and premium content<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Content Selection<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Select Content<\/strong>: When using &#8220;Selected&#8221; filter, manually choose posts to\u00a0display from a list.<\/li>\n\n\n\n<li><strong>Posts Per Page<\/strong>: Set\u00a0the number of posts to display in\u00a0the slider (default:\u00a010).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Display Settings<\/strong> \n<ul class=\"wp-block-list\">\n<li><strong>Show Title<\/strong> (It will appear when hover on card): Toggle (Yes\/No) to show or hide the post title.<\/li>\n\n\n\n<li><strong>Enable Premium &amp;\u00a0PPV Badges<\/strong>: Toggle (Yes\/No) to show or\u00a0hide premium and pay-per-view badges on content.<\/li>\n\n\n\n<li><strong>Play Now Text<\/strong> (It will appear when hover on card): Customize the Button text for playing the content.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>View All Button<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Use View All Button?<\/strong>: Toggle (Yes\/No) to enable or disable the &#8216;View All&#8217; button at the bottom of the widget.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Slider Control Section<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Responsive Card Rendering<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Desktop View<\/strong>: Set the number of cards rendered per row for desktop devices.<\/li>\n\n\n\n<li><strong>Laptop View<\/strong>: Set the number of cards rendered per row for laptops.<\/li>\n\n\n\n<li><strong>Tablet View<\/strong>: Set the number of cards rendered per row for tablets.<\/li>\n\n\n\n<li><strong>Mobile View<\/strong>: Set the number of cards rendered per row for mobile devices.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Autoplay Settings<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Autoplay<\/strong>: Toggle (True\/False) to enable or disable automatic sliding.<\/li>\n\n\n\n<li><strong>Autoplay Speed<\/strong>: Set the speed of the autoplay in milliseconds.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Infinite Loop<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Infinite<\/strong>: Toggle (True\/False) to enable or disable infinite looping of the slider.<\/li>\n\n\n\n<li><strong>Speed<\/strong>: Set the speed of the slide transition in numeric values.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Arrow Navigation<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Arrow<\/strong>: Toggle (True\/False) to enable or disable arrow navigation for the slider.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":128,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-824","post","type-post","status-publish","format-standard","hentry","category-streamit"],"featured_image_src":null,"author_info":{"display_name":"Iqonic Design","author_link":"https:\/\/documentation.iqonic.design\/streamit\/author\/dwd3f32kd2r2rf23wf4df\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/comments?post=824"}],"version-history":[{"count":3,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/824\/revisions"}],"predecessor-version":[{"id":2264,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/824\/revisions\/2264"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/posts\/128"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/media?parent=824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/categories?post=824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit\/wp-json\/wp\/v2\/tags?post=824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}