{"id":80810,"date":"2017-04-21T09:41:41","date_gmt":"2017-04-21T09:41:41","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=80810"},"modified":"2023-11-22T10:00:45","modified_gmt":"2023-11-22T10:00:45","slug":"magento2-product-carousel-widget","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/","title":{"rendered":"Product Carousel Widget For Magento 2"},"content":{"rendered":"<p><a href=\"https:\/\/store.webkul.com\/Product-Carousel-Widget-Magento2.html\" target=\"_blank\" rel=\"noopener\">Product Carousel Widget for Magento 2<\/a> will<strong>\u00a0<\/strong>allow you to display your products in a very elegant carousel style. The module allows you to put different product IDs (separated by a comma) and each product is linkable to a separate product.<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Features &#8211; Magento 2 Product Carousel Widget<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>The slick effect used, no flash is needed.<\/li>\n<li>This extension can be used at multiple places on the same page.<\/li>\n<li>Set the size of the images and the widget block which holds the images.<\/li>\n<li>Edit the widget at any time as per need.<\/li>\n<li>Set the widget block background color.<\/li>\n<li>Easily Configurable by Admin.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Installation &#8211; Magento 2 Product Carousel Widget<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Customers will get a <strong>zip folder<\/strong> and they have to <strong>extract the contents<\/strong> of this zip folder on their system. The extracted folder has an <strong>src<\/strong> folder, inside the<strong> src <\/strong>folder you have the <strong>app<\/strong> folder. You need to <strong>transfer<\/strong> this <strong>app<\/strong> <strong>folder<\/strong> into the <strong>Magento 2 root directory<\/strong> on the server as shown below.<br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Install-1-1.png\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Install-1-1.png\" alt=\"Install-1\" loading=\"lazy\" \/><\/a><\/p>\n<p>After the successful installation, you have to run these commands in the\u00a0Magento2 root directory.<\/p>\n<p><strong>First command- php bin\/magento setup:upgrade<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command1-upgrade-3.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-88117\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command1-upgrade-3.png\" alt=\"\" width=\"601\" height=\"132\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command1-upgrade-3.png 601w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command1-upgrade-3-250x55.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command1-upgrade-3-300x66.png 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Second Command &#8211; php bin\/magento setup:di:compile<\/strong><br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command2-compile-2.png\"><img decoding=\"async\" class=\"alignnone wp-image-88118 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command2-compile-2.png\" alt=\"\" width=\"601\" height=\"132\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command2-compile-2.png 601w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command2-compile-2-250x55.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command2-compile-2-300x66.png 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Third Command &#8211; php bin\/magento setup:static-content:deploy<\/strong><br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1.png\"><img decoding=\"async\" class=\"alignnone wp-image-88119 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1.png\" alt=\"\" width=\"601\" height=\"132\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1.png 601w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1-250x55.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/command3-deploy-1-300x66.png 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" loading=\"lazy\" \/><\/a><\/p>\n<p>After running the commands, you have to flush the cache from the Magento admin panel by navigating through -&gt;System-&gt;Cache management as shown below in the snapshot.<br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Flush-Cache-Memory-1.png\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Flush-Cache-Memory-1.png\" alt=\"Flush-Cache-Memory\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Multi-Lingual Configuration<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>For Multilingual support, please navigate to <strong>Store&gt;Configuration&gt;General &gt;Locale Options<\/strong>. And select your desired language from the <strong>Locale <\/strong>option.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-88033\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale.png\" alt=\"change language-magento 2 locale\" width=\"1334\" height=\"636\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale.png 1334w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale-768x366.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/05\/change-language-magento-2-locale-1200x572.png 1200w\" sizes=\"(max-width: 1334px) 100vw, 1334px\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Language Translation<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>If you need to do the module translation, please navigate to the following path in your system <strong>app\/code\/Webkul\/ProductCarousel\/i18n<\/strong>.<br \/>\nOpen the file named <strong>en_US.CSV <\/strong>for editing as shown in the below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/22-3.png\" alt=\"Magento2 Change CSV language file\" width=\"1263\" height=\"400\" loading=\"lazy\" \/><\/p>\n<p>Once you have opened the file for editing. Replace the words after the<strong>\u2020comma(,)<\/strong>\u2020on the right with your translated words.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/33-2.png\" alt=\"Magento2 Change Language\" width=\"685\" height=\"316\" loading=\"lazy\" \/><\/p>\n<p>After editing and translating the CSV file, you need to save the translated file name according to your region language and country code such as &#8211;<strong> de_DE.CSV<\/strong>. Then upload the translated file to the same folder from where you have obtained it. Now your module translation is complete.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2016-05-02_16-25-34-3.png\" alt=\"Magento2 Change CSV Language file\" width=\"1258\" height=\"399\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Configuration &#8211; Magento 2 Product Carousel Widget<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>After the <strong>successful installation<\/strong> of the module, <strong>the admin<\/strong> will navigate to <strong>Content<\/strong> -&gt; <strong>Pages.<\/strong><br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Add-New-Page.png\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Add-New-Page.png\" alt=\"Add-New-Page\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, click the &#8220;<strong>Add New Page<\/strong>&#8221; button that brings up a\u00a0<strong>new page<\/strong>.<br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/New-Page-Save-2.png\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/New-Page-Save-2.png\" alt=\"New-Page-Save\" loading=\"lazy\" \/><\/a><\/p>\n<p>Now enter the <strong>name<\/strong> for this <strong>new page. <\/strong>Now<strong>\u00a0<\/strong>go to the <strong>content section\u00a0<\/strong>and enter the <strong>content heading<\/strong>. After that\u00a0<strong>click<\/strong> on the <strong>insert widget<\/strong>\u00a0and a page to add the widget will appear.\u00a0Here, from the drop-down option select the &#8220;<b>Fancy product carousel<\/b>&#8221; as shown below in the snapshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Insert-Widget.png\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Insert-Widget.png\" alt=\"Insert-Widget\" loading=\"lazy\" \/><\/a><\/p>\n<p>Selecting the <strong>Fancy product carousel<\/strong> will bring this <strong>widget&#8217;s<\/strong> options as shown below in the snapshot.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Widget-Options-2.png\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Widget-Options-2.png\" alt=\"Widget-Options\" loading=\"lazy\" \/><\/a><br \/>\nHere, the<strong> admin will enter<\/strong> &#8211;<\/p>\n<ul>\n<li><strong>Product Ids<\/strong>(add the product ids that are to be displayed in the carousel separated by commas).<\/li>\n<li><strong>Box Width<\/strong>(set the width of the box that displays the carousel).<\/li>\n<li><strong>Background<\/strong> <strong>Color<\/strong>(set the background color of the box).<\/li>\n<li><strong>Image Width<\/strong>(set the width for the images).<\/li>\n<li><strong>Image Height<\/strong>(set the height of the images).<\/li>\n<\/ul>\n<p>Now, click the &#8220;<strong>Insert Widget<\/strong>&#8221; button to insert the widget into the page and then click the &#8220;<strong>Save<\/strong>&#8221; button to save this page.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Frontend &#8211; Magento 2 Product Carousel Widget<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>After configuring all the required information, the <strong>Magento 2 Product Carousel<\/strong> is ready to be displayed on the selected page. Just navigate to the page\u00a0to find the product carousel.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/widget.png\"><img decoding=\"async\" class=\"alignnone wp-image-89115 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/widget.png\" alt=\"\" width=\"1362\" height=\"580\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/widget.png 1362w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/widget-250x106.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/widget-300x128.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/widget-768x327.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/widget-1200x511.png 1200w\" sizes=\"(max-width: 1362px) 100vw, 1362px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Clicking<\/strong> on any <strong>product image<\/strong> in the <strong>carousel<\/strong> will take you to the <strong>product page of that product<\/strong>. Now, you can add that product to the cart for making a purchase.<br \/>\n<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Product-Page-3.png\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Product-Page-3.png\" alt=\"Product-Page\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>That\u2019s all for the <strong>Magento 2 Product Carousel Widget<\/strong> module. Still have any issue feel free to add a ticket and let us know your views to make the module better <strong><a href=\"https:\/\/webkul.uvdesk.com\/en\/\">https:\/\/webkul.uvdesk.com\/en\/<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Product Carousel Widget for Magento 2 will\u00a0allow you to display your products in a very elegant carousel style. The module allows you to put different product IDs (separated by a comma) and each product is linkable to a separate product. Features &#8211; Magento 2 Product Carousel Widget The slick effect used, no flash is needed. <a href=\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":79,"featured_media":80814,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[4733],"class_list":["post-80810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","tag-magento2-product-carousel-widget"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Product Carousal | Slider Image Extension<\/title>\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\/magento2-product-carousel-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Product Carousal | Slider Image Extension\" \/>\n<meta property=\"og:description\" content=\"Product Carousel Widget for Magento 2 will\u00a0allow you to display your products in a very elegant carousel style. The module allows you to put different product IDs (separated by a comma) and each product is linkable to a separate product. Features &#8211; Magento 2 Product Carousel Widget The slick effect used, no flash is needed. [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/\" \/>\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=\"2017-04-21T09:41:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-22T10:00:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nishad Bhan\" \/>\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=\"Nishad Bhan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/\"},\"author\":{\"name\":\"Nishad Bhan\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d5f376b54be75483744f8320d172d9e0\"},\"headline\":\"Product Carousel Widget For Magento 2\",\"datePublished\":\"2017-04-21T09:41:41+00:00\",\"dateModified\":\"2023-11-22T10:00:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/\"},\"wordCount\":657,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png\",\"keywords\":[\"magento2 product carousel widget\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/\",\"name\":\"Magento 2 Product Carousal | Slider Image Extension\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png\",\"datePublished\":\"2017-04-21T09:41:41+00:00\",\"dateModified\":\"2023-11-22T10:00:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product Carousel Widget For Magento 2\"}]},{\"@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\/d5f376b54be75483744f8320d172d9e0\",\"name\":\"Nishad Bhan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a708390ff9ca00da55b3ed0b076fe4f3624005bce5b5d88e6b3d99d15c13ec2?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\/7a708390ff9ca00da55b3ed0b076fe4f3624005bce5b5d88e6b3d99d15c13ec2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Nishad Bhan\"},\"description\":\"Nishad Bhan excels in analyzing eCommerce processes on the Magento platform, optimizing workflows, and delivering strategic solutions. Expertise ensures seamless platform integration, driving digital innovation and aligning technology with business objectives for growth.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/nishad-bhan981\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Product Carousal | Slider Image Extension","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\/magento2-product-carousel-widget\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Product Carousal | Slider Image Extension","og_description":"Product Carousel Widget for Magento 2 will\u00a0allow you to display your products in a very elegant carousel style. The module allows you to put different product IDs (separated by a comma) and each product is linkable to a separate product. Features &#8211; Magento 2 Product Carousel Widget The slick effect used, no flash is needed. [...]","og_url":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-04-21T09:41:41+00:00","article_modified_time":"2023-11-22T10:00:45+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png","type":"image\/png"}],"author":"Nishad Bhan","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Nishad Bhan","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/"},"author":{"name":"Nishad Bhan","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d5f376b54be75483744f8320d172d9e0"},"headline":"Product Carousel Widget For Magento 2","datePublished":"2017-04-21T09:41:41+00:00","dateModified":"2023-11-22T10:00:45+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/"},"wordCount":657,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png","keywords":["magento2 product carousel widget"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/","url":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/","name":"Magento 2 Product Carousal | Slider Image Extension","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png","datePublished":"2017-04-21T09:41:41+00:00","dateModified":"2023-11-22T10:00:45+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/04\/Magento2-Product-Carousal-Widget-1.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-product-carousel-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Product Carousel Widget For Magento 2"}]},{"@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\/d5f376b54be75483744f8320d172d9e0","name":"Nishad Bhan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7a708390ff9ca00da55b3ed0b076fe4f3624005bce5b5d88e6b3d99d15c13ec2?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\/7a708390ff9ca00da55b3ed0b076fe4f3624005bce5b5d88e6b3d99d15c13ec2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Nishad Bhan"},"description":"Nishad Bhan excels in analyzing eCommerce processes on the Magento platform, optimizing workflows, and delivering strategic solutions. Expertise ensures seamless platform integration, driving digital innovation and aligning technology with business objectives for growth.","url":"https:\/\/webkul.com\/blog\/author\/nishad-bhan981\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/80810","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\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=80810"}],"version-history":[{"count":24,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/80810\/revisions"}],"predecessor-version":[{"id":412435,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/80810\/revisions\/412435"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/80814"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=80810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=80810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=80810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}