{"id":356390,"date":"2022-11-07T05:30:48","date_gmt":"2022-11-07T05:30:48","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=356390"},"modified":"2024-03-07T10:42:58","modified_gmt":"2024-03-07T10:42:58","slug":"how-to-use-magento-carousel-instead-of-third-party-carousel","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/","title":{"rendered":"How to use Magento Carousel Plugin instead of Third Party Carousel"},"content":{"rendered":"\n

In this article, we will show you how to utilize the Slick carousel plugin in Magento instead of Third Party plugins like owl carousel, etc. Slick is a great and well-known plugin for presenting photos or product lists such as sale products, cross-sell products, upsell products, as well as other custom product lists.<\/p>\n\n\n\n

Note: You can integrate it in Magento 2.4.3 and its upper versions only.<\/strong><\/p>\n\n\n\n

Now, let us create a banner slider step-by-step<\/p>\n\n\n\n

Step1: First, create a custom module with all the Magento required files.
In our case Webkul_CustomSlickSlider<\/p>\n\n\n\n

Step2: Now create a custom phtml file in the below path
app\/code\/Webkul\/CustomSlickSlider\/view\/frontend\/templates\/customslickslider.phtml<\/p>\n\n\n\n

<html>\n    <body>\n        <div class="slick-slider">\n            <div class="item"><img src="https:\/\/picsum.photos\/200\/300" \/><\/div>\n            <div class="item"><img src="https:\/\/picsum.photos\/200" \/><\/div>\n            <div class="item"><img src="https:\/\/picsum.photos\/id\/237\/200\/300" \/><\/div>\n            <div class="item"><img src="https:\/\/picsum.photos\/seed\/picsum\/200\/300" \/><\/div>\n            <div class="item"><img src="https:\/\/picsum.photos\/200\/300?grayscale" \/><\/div>\n            <div class="item"><img src="https:\/\/picsum.photos\/200\/300\/?blur" \/><\/div>\n            <div class="item"><img src="https:\/\/picsum.photos\/200\/300\/?blur=2" \/><\/div>\n            <div class="item"><img src="https:\/\/picsum.photos\/id\/870\/200\/300?grayscale&blur=2" \/><\/div>\n            <div class="item"><img src="https:\/\/picsum.photos\/id\/870\/200\/300?grayscale&blur=2" \/><\/div>\n        <\/div>\n    <\/body>\n<\/html><\/pre>\n\n\n\n
Step 3: Create a layout file in the 
app\/code\/Webkul\/CustomSlickSlider\/view\/frontend\/layout 
directory to set the customslickslider.js and customslickslider.phtml files in place. In our example, we have configured the slider in the default.xml file since we are showing it on the homepage. You must insert the following code in the page layout file if you wish to add the slider to any other page.<\/p>\n\n\n\n
<?xml version="1.0"?> \n<page xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd"> \n<head>\n    <script src="Webkul_CustomSlickSlider::js\/customslickslider.js" \/>\n<\/head>\n<body> \n    <referenceBlock name="content"> \n        <block class="Magento\\Framework\\View\\Element\\Template" name="custom.slider" template="Webkul_CustomSlickSlider::customslickslider.phtml" \/> \n    <\/referenceBlock> \n<\/body> \n<\/page><\/pre>\n\n\n\n
Step 4: Create the customslickslider.js file and add the following code in the app\/code\/Webkul\/CustomSlickSlider\/view\/frontend\/web\/js directory.<\/p>\n\n\n\n
require(['jquery', 'jquery\/ui', 'slick'], function($) {\n    $(document).ready(function() {\n        $(".slick-slider").slick({\n            dots: true,\n            infinite: false,\n            slidesToShow: 4,\n            slidesToScroll: 1\n        });\n    });\n});<\/pre>\n\n\n\n
Step 5: In the requireJS configuration file located at app\/code\/Webkul\/CustomSlickSlider\/view\/frontend\/requirejs-config.js, you must lastly include the customslickslider.js path.<\/p>\n\n\n\n
var config = {\n    paths: {\n        slick: 'Webkul_CustomSlickSlider\/js\/customslickslider'\n    },\n    shim: {\n        slick: {\n            deps: ['jquery']\n        }\n    }\n};<\/pre>\n\n\n\n
Result:<\/p>\n\n\n\n
\"Screenshot-from-2022-11-07-10-35-07\"<\/figure>\n\n\n\n
That’s all you need to do. I hope this helps.<\/p>\n\n\n\n
Reference: Magento DevDocs JavaScript Resources <\/a><\/p>\n\n\n\n
You can also check our other JS blogs: Webkul Javascript Blogs<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
In this article, we will show you how to utilize the Slick carousel plugin in Magento instead of Third Party plugins like owl carousel, etc. Slick is a great and well-known plugin for presenting photos or product lists such as sale products, cross-sell products, upsell products, as well as other custom product lists. Note: You […]<\/a><\/p>\n","protected":false},"author":369,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-356390","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nHow to use Magento Carousel Plugin instead of 3rd party Carousel<\/title>\n<meta name=\"description\" content=\"In this article, we will show you how to utilize the Slick carousel plugin in Magento instead of Third Party plugins\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use Magento Carousel Plugin instead of 3rd party Carousel\" \/>\n<meta property=\"og:description\" content=\"In this article, we will show you how to utilize the Slick carousel plugin in Magento instead of Third Party plugins\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-07T05:30:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-07T10:42:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07-1200x586.png\" \/>\n<meta name=\"author\" content=\"Kukil Bora\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kukil Bora\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/\"},\"author\":{\"name\":\"Kukil Bora\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/53875450d11bfd196e7580c778cbf085\"},\"headline\":\"How to use Magento Carousel Plugin instead of Third Party Carousel\",\"datePublished\":\"2022-11-07T05:30:48+00:00\",\"dateModified\":\"2024-03-07T10:42:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/\"},\"wordCount\":262,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07-1200x586.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/\",\"name\":\"How to use Magento Carousel Plugin instead of 3rd party Carousel\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07-1200x586.png\",\"datePublished\":\"2022-11-07T05:30:48+00:00\",\"dateModified\":\"2024-03-07T10:42:58+00:00\",\"description\":\"In this article, we will show you how to utilize the Slick carousel plugin in Magento instead of Third Party plugins\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07.png\",\"width\":1281,\"height\":626,\"caption\":\"Screenshot-from-2022-11-07-10-35-07\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use Magento Carousel Plugin instead of Third Party Carousel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/53875450d11bfd196e7580c778cbf085\",\"name\":\"Kukil Bora\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f05508107cdd6c99d6bd22854ecbf3b4dcbdd56b789499f899de21e5b3c59e26?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f05508107cdd6c99d6bd22854ecbf3b4dcbdd56b789499f899de21e5b3c59e26?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Kukil Bora\"},\"description\":\"Kukil, a Magento master, excels in integrating marketplaces and shipping services. His PHP prowess ensures seamless eCommerce experiences. With a focus on customization, Kukil tailors Magento to unique business needs, providing exceptional solutions. Adobe's acquisition of Magento further highlights his expertise, offering cutting-edge digital commerce strategies.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/kukil-bora441\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use Magento Carousel Plugin instead of 3rd party Carousel","description":"In this article, we will show you how to utilize the Slick carousel plugin in Magento instead of Third Party plugins","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/","og_locale":"en_US","og_type":"article","og_title":"How to use Magento Carousel Plugin instead of 3rd party Carousel","og_description":"In this article, we will show you how to utilize the Slick carousel plugin in Magento instead of Third Party plugins","og_url":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2022-11-07T05:30:48+00:00","article_modified_time":"2024-03-07T10:42:58+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07-1200x586.png","type":"","width":"","height":""}],"author":"Kukil Bora","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Kukil Bora","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/"},"author":{"name":"Kukil Bora","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/53875450d11bfd196e7580c778cbf085"},"headline":"How to use Magento Carousel Plugin instead of Third Party Carousel","datePublished":"2022-11-07T05:30:48+00:00","dateModified":"2024-03-07T10:42:58+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/"},"wordCount":262,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07-1200x586.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/","url":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/","name":"How to use Magento Carousel Plugin instead of 3rd party Carousel","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07-1200x586.png","datePublished":"2022-11-07T05:30:48+00:00","dateModified":"2024-03-07T10:42:58+00:00","description":"In this article, we will show you how to utilize the Slick carousel plugin in Magento instead of Third Party plugins","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/11\/Screenshot-from-2022-11-07-10-35-07.png","width":1281,"height":626,"caption":"Screenshot-from-2022-11-07-10-35-07"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-use-magento-carousel-instead-of-third-party-carousel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to use Magento Carousel Plugin instead of Third Party Carousel"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/53875450d11bfd196e7580c778cbf085","name":"Kukil Bora","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f05508107cdd6c99d6bd22854ecbf3b4dcbdd56b789499f899de21e5b3c59e26?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f05508107cdd6c99d6bd22854ecbf3b4dcbdd56b789499f899de21e5b3c59e26?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Kukil Bora"},"description":"Kukil, a Magento master, excels in integrating marketplaces and shipping services. His PHP prowess ensures seamless eCommerce experiences. With a focus on customization, Kukil tailors Magento to unique business needs, providing exceptional solutions. Adobe's acquisition of Magento further highlights his expertise, offering cutting-edge digital commerce strategies.","url":"https:\/\/webkul.com\/blog\/author\/kukil-bora441\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/356390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/369"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=356390"}],"version-history":[{"count":4,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/356390\/revisions"}],"predecessor-version":[{"id":426399,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/356390\/revisions\/426399"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=356390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=356390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=356390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}