{"id":11215,"date":"2014-06-11T12:03:41","date_gmt":"2014-06-11T12:03:41","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=11215"},"modified":"2020-03-02T10:50:01","modified_gmt":"2020-03-02T10:50:01","slug":"add-jquery-accordion-faq-shopify","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/","title":{"rendered":"How to add Jquery Accordion FAQ in Shopify ?"},"content":{"rendered":"\n<p><strong>FAQ<\/strong> <strong>Module for&nbsp;Shopify<\/strong> provides additional functionality for&nbsp;<em>Product FAQ <\/em>application through which you can add FAQ not only for a product which was already provided by <em>Shopify Product FAQ<\/em> but for anything you want i.e. product, category, etc.<\/p>\n\n\n\n<p>You can view the <strong>Shopify Product FAQ<\/strong> functionality by clicking <a rel=\"noreferrer noopener\" href=\"http:\/\/webkul.com\/blog\/shopify-product-faq\/\" target=\"_blank\">here<\/a>.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Features<\/h3><\/div><div class=\"margin-bottom-50\">\n<ul class=\"wp-block-list\"><li>Provide you to add a FAQ about any product, category, blog, etc.<\/li><li>FAQ can be displayed on any page according to your requirements.<\/li><li>You can also customize the color, font, and width for the FAQ content.<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Workflow<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>Go to the Shopify page and add or edit any product as per your requirement.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq1.png\"><img decoding=\"async\" width=\"1200\" height=\"579\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq1-e1552038032635-1200x579.png\" alt=\"faq1\" class=\"wp-image-11217\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq1-e1552038032635-1200x579.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq1-e1552038032635-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq1-e1552038032635-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq1-e1552038032635-768x370.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq1-e1552038032635.png 1286w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Further, go to the Product FAQ link.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq151.png\"><img decoding=\"async\" width=\"1200\" height=\"630\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq151-1200x630.png\" alt=\"faq15\" class=\"wp-image-11255\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq151-1200x630.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq151-250x131.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq151-300x157.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq151.png 1520w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure><\/div>\n\n\n\n<p>After clicking on the product FAQ link you will get redirected to the following page.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"1200\" height=\"614\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq3-1200x614.png\" alt=\"faq3\" class=\"wp-image-11220\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq3-1200x614.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq3-250x127.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq3-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq3.png 1491w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure><\/div>\n\n\n\n<p>Clicking on the General FAQ button you can see a listing page that will display your added general FAQs.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq41.png\"><img decoding=\"async\" width=\"1200\" height=\"619\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq41-1200x619.png\" alt=\"faq4\" class=\"wp-image-11222\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq41-1200x619.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq41-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq41-300x154.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq41.png 1496w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Once clicking on Add New General FAQ button you will see a form. Fill all the details in that form according to your requirements.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq5.png\"><img decoding=\"async\" width=\"1200\" height=\"630\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq5-1200x630.png\" alt=\"faq5\" class=\"wp-image-11223\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq5-1200x630.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq5-250x131.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq5-300x157.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq5.png 1520w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure><\/div>\n\n\n\n<p>After adding FAQ you will get redirected to the General FAQ listing page. You can also update, delete or change the status of FAQ from here.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq6.png\"><img decoding=\"async\" width=\"1200\" height=\"607\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq6-1200x607.png\" alt=\"faq6\" class=\"wp-image-11224\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq6-1200x607.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq6-250x126.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq6-300x151.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq6.png 1508w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Steps to display your added FAQ on frontend:<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>You have to follow this step only once after installation of general FAQ after that you can just simply add any General FAQ without following this step.<\/p>\n\n\n\n<p>Go to the Shopify page and click on <strong>the Themes<\/strong> tab.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq7.png\"><img decoding=\"async\" width=\"1200\" height=\"581\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq7-e1552038215113-1200x581.png\" alt=\"faq7\" class=\"wp-image-11225\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq7-e1552038215113-1200x581.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq7-e1552038215113-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq7-e1552038215113-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq7-e1552038215113-768x372.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq7-e1552038215113.png 1286w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure><\/div>\n\n\n\n<p>After clicking on the Themes tab launchpad page will appear. From the launchpad, you have to click on any of the menus where you want to display your added FAQ. For example, if you want to display on the product page then click on the <strong>product.liquid<\/strong> menu or if for collection page then click on <strong>collection.liquid<\/strong> menu. Same for other pages.<\/p>\n\n\n\n<p><strong>Example 1:&nbsp;<\/strong><em>For Product Page.<\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/02\/FAQ-Shopify.png\"><img decoding=\"async\" width=\"1305\" height=\"627\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/02\/FAQ-Shopify.png\" alt=\"FAQ Shopify\" class=\"wp-image-37884\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/02\/FAQ-Shopify.png 1305w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/02\/FAQ-Shopify-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/02\/FAQ-Shopify-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/02\/FAQ-Shopify-1200x577.png 1200w\" sizes=\"(max-width: 1305px) 100vw, 1305px\" loading=\"lazy\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Click on the product.liquid menu and paste the code given code.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{{ '\/\/code.jquery.com\/ui\/1.11.4\/themes\/smoothness\/jquery-ui.css' | stylesheet_tag }}\n{{ '\/\/code.jquery.com\/jquery-1.10.2.js' | script_tag }}\n{{ '\/\/code.jquery.com\/ui\/1.11.4\/jquery-ui.js' | script_tag }}\n&lt;div id='wk_general_faq'&gt;&lt;\/div&gt;<\/pre>\n\n\n\n<p>Click on the Save button after pasting the above code.<\/p>\n\n\n\n<p><strong>Example 1:&nbsp;<\/strong><em>For Collection Page.<\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq9.png\"><img decoding=\"async\" width=\"1200\" height=\"630\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq9-1200x630.png\" alt=\"faq9\" class=\"wp-image-11228\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq9-1200x630.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq9-250x131.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq9-300x157.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq9.png 1520w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Click on collection.liquid menu and paste the above-mentioned code.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Steps to configure your FAQ:<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq11.png\"><img decoding=\"async\" width=\"1200\" height=\"604\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq11-1200x604.png\" alt=\"faq11\" class=\"wp-image-11242\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq11-1200x604.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq11-250x125.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq11-300x151.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq11.png 1504w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>After clicking on the Configuration button you will get redirected to the FAQ Configuration page. From here you can set the configuration for your FAQ that how it will display (If you will set the configuration then FAQ will get displayed according to the default values set).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq12.png\"><img decoding=\"async\" width=\"1200\" height=\"630\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq12-1200x630.png\" alt=\"faq12\" class=\"wp-image-11243\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq12-1200x630.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq12-250x131.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq12-300x157.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq12.png 1520w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>Now display FAQ on every product and collection page.<\/p>\n\n\n\n<p><strong>On Product Page:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq13.png\"><img decoding=\"async\" width=\"1200\" height=\"855\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq13-1200x855.png\" alt=\"faq13\" class=\"wp-image-11248\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq13-1200x855.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq13-250x178.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq13-300x213.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq13.png 1294w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p><strong>On Collection Page:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq14.png\"><img decoding=\"async\" width=\"1200\" height=\"630\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq14-1200x630.png\" alt=\"faq14\" class=\"wp-image-11249\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq14-1200x630.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq14-250x131.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq14-300x157.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/faq14.png 1520w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>So by following the above-mentioned process, you add a general FAQ.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Support<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>For any kind of technical assistance, just raise a ticket at <a href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/webkul.uvdesk.com\/<\/a> and for any doubt contact us at <strong>support@webkul.com<\/strong><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>FAQ Module for&nbsp;Shopify provides additional functionality for&nbsp;Product FAQ application through which you can add FAQ not only for a product which was already provided by Shopify Product FAQ but for anything you want i.e. product, category, etc. You can view the Shopify Product FAQ functionality by clicking here.<\/p>\n","protected":false},"author":20,"featured_media":23082,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[841],"tags":[837,1275,1276,590],"class_list":["post-11215","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify","tag-shopify","tag-shopify-general-faq","tag-shopify-product-faq","tag-webkul"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Shopify FAQ<\/title>\n<meta name=\"description\" content=\"Shopify FAQ provides an additional functionality through which you can add FAQ not only for product which was already provided by Shopify Product FAQ but for any thing you want i.e product,category etc.\" \/>\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\/add-jquery-accordion-faq-shopify\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shopify FAQ\" \/>\n<meta property=\"og:description\" content=\"Shopify FAQ provides an additional functionality through which you can add FAQ not only for product which was already provided by Shopify Product FAQ but for any thing you want i.e product,category etc.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/\" \/>\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=\"2014-06-11T12:03:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-02T10:50:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.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=\"Nidhi Joshi\" \/>\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=\"Nidhi Joshi\" \/>\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\/add-jquery-accordion-faq-shopify\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/\"},\"author\":{\"name\":\"Nidhi Joshi\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/26e3ebbfe94d7f6c166d33d2238e62b2\"},\"headline\":\"How to add Jquery Accordion FAQ in Shopify ?\",\"datePublished\":\"2014-06-11T12:03:41+00:00\",\"dateModified\":\"2020-03-02T10:50:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/\"},\"wordCount\":460,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.png\",\"keywords\":[\"shopify\",\"Shopify General FAQ\",\"Shopify Product FAQ\",\"webkul\"],\"articleSection\":[\"Shopify\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/\",\"url\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/\",\"name\":\"Shopify FAQ\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.png\",\"datePublished\":\"2014-06-11T12:03:41+00:00\",\"dateModified\":\"2020-03-02T10:50:01+00:00\",\"description\":\"Shopify FAQ provides an additional functionality through which you can add FAQ not only for product which was already provided by Shopify Product FAQ but for any thing you want i.e product,category etc.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add Jquery Accordion FAQ in Shopify ?\"}]},{\"@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\/26e3ebbfe94d7f6c166d33d2238e62b2\",\"name\":\"Nidhi Joshi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7433dae8c4d43fbb5e58c1691669bc62050bea68b3d6730f619ae2405295fa4c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7433dae8c4d43fbb5e58c1691669bc62050bea68b3d6730f619ae2405295fa4c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Nidhi Joshi\"},\"description\":\"Believes in simple lifestyle and follow a simple logic to make herself better than yesterday.\",\"sameAs\":[\"http:\/\/webkul.com\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/nidhi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shopify FAQ","description":"Shopify FAQ provides an additional functionality through which you can add FAQ not only for product which was already provided by Shopify Product FAQ but for any thing you want i.e product,category etc.","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\/add-jquery-accordion-faq-shopify\/","og_locale":"en_US","og_type":"article","og_title":"Shopify FAQ","og_description":"Shopify FAQ provides an additional functionality through which you can add FAQ not only for product which was already provided by Shopify Product FAQ but for any thing you want i.e product,category etc.","og_url":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2014-06-11T12:03:41+00:00","article_modified_time":"2020-03-02T10:50:01+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.png","type":"image\/png"}],"author":"Nidhi Joshi","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Nidhi Joshi","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/"},"author":{"name":"Nidhi Joshi","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/26e3ebbfe94d7f6c166d33d2238e62b2"},"headline":"How to add Jquery Accordion FAQ in Shopify ?","datePublished":"2014-06-11T12:03:41+00:00","dateModified":"2020-03-02T10:50:01+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/"},"wordCount":460,"commentCount":1,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.png","keywords":["shopify","Shopify General FAQ","Shopify Product FAQ","webkul"],"articleSection":["Shopify"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/","url":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/","name":"Shopify FAQ","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.png","datePublished":"2014-06-11T12:03:41+00:00","dateModified":"2020-03-02T10:50:01+00:00","description":"Shopify FAQ provides an additional functionality through which you can add FAQ not only for product which was already provided by Shopify Product FAQ but for any thing you want i.e product,category etc.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2014\/06\/How-To-Add-Jquery-Accordion-FAQ-In-Shopify-Blog-Post-Banner.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/add-jquery-accordion-faq-shopify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to add Jquery Accordion FAQ in Shopify ?"}]},{"@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\/26e3ebbfe94d7f6c166d33d2238e62b2","name":"Nidhi Joshi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7433dae8c4d43fbb5e58c1691669bc62050bea68b3d6730f619ae2405295fa4c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7433dae8c4d43fbb5e58c1691669bc62050bea68b3d6730f619ae2405295fa4c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Nidhi Joshi"},"description":"Believes in simple lifestyle and follow a simple logic to make herself better than yesterday.","sameAs":["http:\/\/webkul.com"],"url":"https:\/\/webkul.com\/blog\/author\/nidhi\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/11215","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\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=11215"}],"version-history":[{"count":18,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/11215\/revisions"}],"predecessor-version":[{"id":235662,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/11215\/revisions\/235662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/23082"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=11215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=11215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=11215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}