{"id":351677,"date":"2022-09-12T04:31:30","date_gmt":"2022-09-12T04:31:30","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=351677"},"modified":"2022-12-08T11:01:23","modified_gmt":"2022-12-08T11:01:23","slug":"available-jquery-plugins-in-prestashop","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/","title":{"rendered":"Available jQuery Plugins in PrestaShop"},"content":{"rendered":"\n<p>In this blog we are going to learn how to use available jQuery plugins in PrestaShop to ease the module development and customization work. You can find all available js plugins in <strong><code>prestashop\/js\/jquery <\/code><\/strong>folder.<\/p>\n\n\n\n<p>PrestaShop has many predefined jQuery plugins which are used on different pages, for example <a href=\"https:\/\/github.com\/mstratman\/jQuery-Smart-Wizard\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">smartWizard.js<\/a> is used while creating wizard like carrier, <a href=\"https:\/\/github.com\/fancyapps\/fancybox\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">fancybox.js<\/a> is used to open fancy box modal and many more.<\/p>\n\n\n\n<p>For using this plugin in any controller there is function which you call in controller set media function as below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"807\" height=\"330\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png\" alt=\"Available jQuery Plugins in PrestaShop\" class=\"wp-image-351892\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png 807w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1-300x123.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1-250x102.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1-768x314.png 768w\" sizes=\"(max-width: 807px) 100vw, 807px\" loading=\"lazy\" \/><figcaption class=\"wp-element-caption\">jgrowl jQuery Plugin<\/figcaption><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\">public function setMedia($isNewTheme = false) \n{\n\tparent::setMedia($isNewTheme);\n\t$this-&gt;addJqueryPlugin(&#039;jgrowl&#039;, null, false);\n}<\/pre>\n\n\n\n<p>Here jgrowl is a plugin name which we are loading in controller and it must be after parent::setMedia() always. Same as above given example you can load any available jQuery plugin in controllers.<br>Below is the list of available plugins in PrestaShop<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">$this-&gt;addJqueryPlugin(&#039;ajaxfileupload&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;alerts&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;autocomplete&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;bxslider&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;chosen&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;cluetip&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;fancybox&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;footable&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;growl&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;jgrowl&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;jqzoom&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;jstree&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;select2&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;smartWizard&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;tabpane&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;thickbox&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;timepicker&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;treeview-categories&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#091;&#039;chosen&#039;, &#039;fancybox&#039;]);\n$this-&gt;context-&gt;controller-&gt;addJqueryPlugin(&#039;colorpicker&#039;);\n$this-&gt;addJqueryPlugin(&#091;&#039;scrollTo&#039;, &#039;alerts&#039;, &#039;chosen&#039;, &#039;autosize&#039;]);\n$this-&gt;addJqueryPlugin(&#039;typewatch&#039;);\n$this-&gt;addJqueryPlugin(&#091;&#039;fancybox&#039;, &#039;autocomplete&#039;]);\n$this-&gt;addJqueryPlugin(&#091;&#039;jscroll&#039;, &#039;typewatch&#039;]);\n$this-&gt;addJqueryPlugin(&#039;fieldselection&#039;);\n$this-&gt;addjqueryPlugin(&#039;validate&#039;);\n$this-&gt;addJqueryPlugin(&#091;&#039;autocomplete&#039;, &#039;tablefilter&#039;]);\n$this-&gt;addjQueryPlugin(&#091;&#039;select2&#039;]);\n$this-&gt;addjqueryPlugin(&#039;sortable&#039;);\n$this-&gt;addJqueryPlugin(&#039;tablednd&#039;);\n$this-&gt;addjQueryPlugin(&#039;tagify&#039;, null, false);\n$this-&gt;addJqueryPlugin(&#039;highlight&#039;);\n$this-&gt;addJqueryPlugin(&#039;cooki-plugin&#039;);<\/pre>\n\n\n\n<p>Here  we are going to learn how to use some of them with small examples.<\/p>\n\n\n\n<p><strong>Tagify.js<\/strong><\/p>\n\n\n\n<p>In below example app id is basic text field, adding tagify it looks as below<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"883\" height=\"281\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-7-1.png\" alt=\"Tagify.js jQuery Example\" class=\"wp-image-351896\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-7-1.png 883w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-7-1-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-7-1-250x80.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-7-1-768x244.png 768w\" sizes=\"(max-width: 883px) 100vw, 883px\" loading=\"lazy\" \/><figcaption class=\"wp-element-caption\">Tagify.js jQuery Example<\/figcaption><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\">$this-&gt;context-&gt;controller-&gt;addJqueryPlugin(&#039;tagify&#039;, null, true);\n\/\/ add above line in php in set media function\n\n\/\/ add below line in js to initialize tagify\nvar inputElm = $(&#039;#your_input_element_id&#039;);\ninputElm.tagify();<\/pre>\n\n\n\n<p><strong>Hightlight.js<\/strong><\/p>\n\n\n\n<p>In below example we highlighted <strong>&#8220;PrestaShop&#8221;<\/strong> in the selected div.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-8-1.png\" alt=\"Highlight.js jQuery Example\" class=\"wp-image-351899\" width=\"820\" height=\"81\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-8-1.png 1126w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-8-1-300x30.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-8-1-250x25.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-8-1-768x76.png 768w\" sizes=\"(max-width: 820px) 100vw, 820px\" loading=\"lazy\" \/><figcaption class=\"wp-element-caption\">Highlight.js jQuery Example<\/figcaption><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\">$this-&gt;addJqueryPlugin(&#039;highlight&#039;);  \/\/ add this code in php\n\n.highlight { background-color: yellow }  \/\/ add this code in css\n\n$(&#039;div.code&#039;).highlight(&#039;PrestaShop&#039;); \/\/ add this code in js\n\n\/\/ for html\n&lt;div class=&#039;code&#039;&gt;\n      This is an example of Highlight.js jQuery Plugin available in PrestaShop.\n&lt;\/div&gt;<\/pre>\n\n\n\n<p><strong>jQZoom.js<\/strong><\/p>\n\n\n\n<p>Below we are showing example to zoom image on hover in PrestaShop<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"958\" height=\"516\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/image-1-2.png\" alt=\"jqzoom jQuery Example in PrestaShop\" class=\"wp-image-351938\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/image-1-2.png 958w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/image-1-2-300x162.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/image-1-2-250x135.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/image-1-2-768x414.png 768w\" sizes=\"(max-width: 958px) 100vw, 958px\" loading=\"lazy\" \/><figcaption class=\"wp-element-caption\">jqzoom jQuery Example<\/figcaption><\/figure>\n\n\n\n<pre class=\"EnlighterJSRAW\">$this-&gt;addJqueryPlugin(&#039;jqzoom&#039;, null, true); \/\/add this line in php\n\n&lt;a href=&quot;bigger-size-image-url.jpeg&quot; class=&quot;jqzoom&quot; rel=&#039;gal1&#039; title=&quot;any&quot;&gt;\n     &lt;img src=&quot;smaller-size-image-url.jpeg&quot; alt=&quot;close&quot;\/&gt;\n&lt;\/a&gt;\n\/\/ add above in html\n\n\/\/add below in js\n$(&#039;.jqzoom&#039;).jqzoom({\n      zoomType: &#039;standard&#039;,\n      lens: true,\n      preloadImages: false,\n      alwaysOn: false\n});<\/pre>\n\n\n\n<p>That\u2019s all.<\/p>\n\n\n\n<p>If you are facing any issues or doubts in the above process, please feel free to contact us through the comment section.<\/p>\n\n\n\n<p>I would be happy to help.<\/p>\n\n\n\n<p>Also, you can explore our&nbsp;<a href=\"https:\/\/webkul.com\/prestashop-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">PrestaShop Development Services<\/a>&nbsp;and a large range of quality&nbsp;<a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">PrestaShop Modules<\/a>.<\/p>\n\n\n\n<p>For any doubt contact us at&nbsp;<a href=\"mailto:support@webkul.com\" target=\"_blank\" rel=\"noreferrer noopener\">support@webkul.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this blog we are going to learn how to use available jQuery plugins in PrestaShop to ease the module development and customization work. You can find all available js plugins in prestashop\/js\/jquery folder. PrestaShop has many predefined jQuery plugins which are used on different pages, for example smartWizard.js is used while creating wizard like <a href=\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":386,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[2065,4126,2859],"class_list":["post-351677","post","type-post","status-publish","format-standard","hentry","category-prestashop","tag-prestashop","tag-prestashop-1-7","tag-prestashop-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Available jQuery Plugins in PrestaShop - Webkul Blog<\/title>\n<meta name=\"description\" content=\"In this blog we are going to learn how to use available jQuery plugins in PrestaShop to ease the module development and customization work.\" \/>\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\/available-jquery-plugins-in-prestashop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Available jQuery Plugins in PrestaShop - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"In this blog we are going to learn how to use available jQuery plugins in PrestaShop to ease the module development and customization work.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/\" \/>\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-09-12T04:31:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-08T11:01:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png\" \/>\n<meta name=\"author\" content=\"Vineet Kr. Gupta\" \/>\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=\"Vineet Kr. Gupta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/\"},\"author\":{\"name\":\"Vineet Kr. Gupta\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/bb871a3e8dd81b2b0a1690f195da6208\"},\"headline\":\"Available jQuery Plugins in PrestaShop\",\"datePublished\":\"2022-09-12T04:31:30+00:00\",\"dateModified\":\"2022-12-08T11:01:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/\"},\"wordCount\":268,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png\",\"keywords\":[\"prestashop\",\"Prestashop 1.7\",\"prestashop blog\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/\",\"url\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/\",\"name\":\"Available jQuery Plugins in PrestaShop - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png\",\"datePublished\":\"2022-09-12T04:31:30+00:00\",\"dateModified\":\"2022-12-08T11:01:23+00:00\",\"description\":\"In this blog we are going to learn how to use available jQuery plugins in PrestaShop to ease the module development and customization work.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png\",\"width\":807,\"height\":330,\"caption\":\"Screenshot-6-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Available jQuery Plugins in PrestaShop\"}]},{\"@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\/bb871a3e8dd81b2b0a1690f195da6208\",\"name\":\"Vineet Kr. Gupta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b8dd0faa3589c82d64586b71a9e84be11a8b9a8f3b74bb952442b904af1c68f2?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\/b8dd0faa3589c82d64586b71a9e84be11a8b9a8f3b74bb952442b904af1c68f2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Vineet Kr. Gupta\"},\"description\":\"Proficient Software Engineer specializing in PrestaShop, with expertise in Mobile App Development, eCommerce Platform Development, and POS services. Delivers innovative, user-focused solutions that enhance functionality and drive efficient business operations.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/vineetkr-gupta008\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Available jQuery Plugins in PrestaShop - Webkul Blog","description":"In this blog we are going to learn how to use available jQuery plugins in PrestaShop to ease the module development and customization work.","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\/available-jquery-plugins-in-prestashop\/","og_locale":"en_US","og_type":"article","og_title":"Available jQuery Plugins in PrestaShop - Webkul Blog","og_description":"In this blog we are going to learn how to use available jQuery plugins in PrestaShop to ease the module development and customization work.","og_url":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2022-09-12T04:31:30+00:00","article_modified_time":"2022-12-08T11:01:23+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png","type":"","width":"","height":""}],"author":"Vineet Kr. Gupta","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Vineet Kr. Gupta","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/"},"author":{"name":"Vineet Kr. Gupta","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/bb871a3e8dd81b2b0a1690f195da6208"},"headline":"Available jQuery Plugins in PrestaShop","datePublished":"2022-09-12T04:31:30+00:00","dateModified":"2022-12-08T11:01:23+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/"},"wordCount":268,"commentCount":1,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png","keywords":["prestashop","Prestashop 1.7","prestashop blog"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/","url":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/","name":"Available jQuery Plugins in PrestaShop - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png","datePublished":"2022-09-12T04:31:30+00:00","dateModified":"2022-12-08T11:01:23+00:00","description":"In this blog we are going to learn how to use available jQuery plugins in PrestaShop to ease the module development and customization work.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-6-1.png","width":807,"height":330,"caption":"Screenshot-6-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/available-jquery-plugins-in-prestashop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Available jQuery Plugins in PrestaShop"}]},{"@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\/bb871a3e8dd81b2b0a1690f195da6208","name":"Vineet Kr. Gupta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b8dd0faa3589c82d64586b71a9e84be11a8b9a8f3b74bb952442b904af1c68f2?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\/b8dd0faa3589c82d64586b71a9e84be11a8b9a8f3b74bb952442b904af1c68f2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Vineet Kr. Gupta"},"description":"Proficient Software Engineer specializing in PrestaShop, with expertise in Mobile App Development, eCommerce Platform Development, and POS services. Delivers innovative, user-focused solutions that enhance functionality and drive efficient business operations.","url":"https:\/\/webkul.com\/blog\/author\/vineetkr-gupta008\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/351677","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\/386"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=351677"}],"version-history":[{"count":22,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/351677\/revisions"}],"predecessor-version":[{"id":360300,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/351677\/revisions\/360300"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=351677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=351677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=351677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}