{"id":103,"date":"2024-12-18T10:47:26","date_gmt":"2024-12-18T10:47:26","guid":{"rendered":"https:\/\/docs.codevibrant.com\/yaatra\/?p=103"},"modified":"2024-12-18T11:06:28","modified_gmt":"2024-12-18T11:06:28","slug":"frontpage-slider-settings-in-yaatra-pro","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/yaatra\/frontpage-slider-settings-in-yaatra-pro\/","title":{"rendered":"Frontpage Slider Settings in Yaatra Pro"},"content":{"rendered":"<div class=\"mt-docs-green-note\">\n<p>This feature is in the pro version of Yaatra. Please make sure to purchase the Yaatra Pro to enable this feature on your website<\/p>\n<\/div>\n\n\n<p>You can feature sliders onto your website with Yaatra Pro. The pro version of Yaatra Blog allows you to add your own sliders that showcases on top of your banner to add post interactive features in your Frontpage.<\/p>\n\n\n\n<p>To add your Slider and customize them,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress Dashboard, and head to <strong>Appearance > Customize<\/strong><\/li>\n\n\n\n<li>After that navigate to <strong>Frontpage settings <\/strong>and look for <strong>Slider Settings<\/strong> from given options<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Slider-Settings-1024x515.jpg\" alt=\"\" class=\"wp-image-107\" srcset=\"https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Slider-Settings-1024x515.jpg 1024w, https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Slider-Settings-300x151.jpg 300w, https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Slider-Settings-768x387.jpg 768w, https:\/\/docs.codevibrant.com\/yaatra\/wp-content\/uploads\/sites\/6\/2024\/12\/Slider-Settings.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can customize your slider from <strong>General tab <\/strong>and design it via Design tab<\/li>\n\n\n\n<li>Go to&nbsp;<strong>General tab<\/strong>&nbsp;and choose your preferred Slider Types<\/li>\n\n\n\n<li>You can choose from either Repeater Field or Post category for your slider types<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">If you chose Repeater Field<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on Front Slider&nbsp;<strong>drop-down menu<\/strong>&nbsp;to open up the settings for your sliders<\/li>\n\n\n\n<li>Add your images by clicking on the&nbsp;<strong>Select Image<\/strong>&nbsp;button<\/li>\n\n\n\n<li>Give title to your image from&nbsp;<strong>Slider Title<\/strong>&nbsp;section<\/li>\n\n\n\n<li>Provide short description for the Slider via&nbsp;<strong>Slider Content<\/strong>&nbsp;section<\/li>\n\n\n\n<li>Add your<strong>&nbsp;button text<\/strong>&nbsp;and&nbsp;<strong>URL<\/strong>&nbsp;consecutively from below sections<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">If you chose Post Category Field<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the desired&nbsp;<strong>Category&nbsp;<\/strong>from the given options in the drop-down menu<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-24.png\" alt=\"\" class=\"wp-image-128\"\/><\/figure><\/div>\n\n\n<p>Now to design your Sliders<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to&nbsp;<strong>Design tab<\/strong>&nbsp;to design your sliders<\/li>\n\n\n\n<li>There are three features you can quickly enable for your sliders\n<ul class=\"wp-block-list\">\n<li>Toggle on the&nbsp;<strong>auto slider feature<\/strong>&nbsp;to automate sliders to change in your frontpage<\/li>\n\n\n\n<li>Do the same to turn on&nbsp;<strong>pager function<\/strong>&nbsp;and to add the&nbsp;<strong>control buttons<\/strong>&nbsp;in your sliders<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Below the toggling options, you can choose the duration of the sliders to automatically change. Simply use the give slider or add your&nbsp;<strong>Slider Pause Duration<\/strong>&nbsp;manually to add pause duration for your sliders.<\/li>\n\n\n\n<li>Do the same for&nbsp;<strong>Slider Transitions<\/strong>&nbsp;for them to transit as per your likings.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-25.png\" alt=\"\" class=\"wp-image-129\"\/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Choose your&nbsp;<strong>Slider Layouts<\/strong>&nbsp;from the given options to change them.<\/li>\n\n\n\n<li>Click on&nbsp;<strong>Publish&nbsp;<\/strong>button to save your changes for the sliders.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This feature is in the pro version of Yaatra. Please make sure to purchase the Yaatra Pro to enable this feature on your website You can feature sliders onto your website with Yaatra Pro. The pro version of Yaatra Blog allows you to add your own sliders that showcases on top of your banner to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-103","post","type-post","status-publish","format-standard","hentry","category-frontpage-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/comments?post=103"}],"version-history":[{"count":4,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts\/103\/revisions"}],"predecessor-version":[{"id":110,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/posts\/103\/revisions\/110"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/media?parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/categories?post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra\/wp-json\/wp\/v2\/tags?post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}