{"id":312093,"date":"2021-11-18T13:31:09","date_gmt":"2021-11-18T13:31:09","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=312093"},"modified":"2026-09-29T07:20:22","modified_gmt":"2026-09-29T07:20:22","slug":"prestashop-sticky-add-to-cart-bar-user-guide","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/","title":{"rendered":"User Guide of PrestaShop Sticky Add to Cart Bar"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/store.webkul.com\/prestashop-sticky-add-to-cart-bar.html\">PrestaShop Sticky Add to Cart Bar<\/a><\/strong> module helps shop owners to show a product details bar along with the &#8220;add to cart&#8221; button on the product page of the shop.<\/p>\n\n\n\n<p>The sticky add to cart bar shows the product name, image, price, attributes &amp; the add to cart button. It will help to increase the user&#8217;s convenience. <\/p>\n\n\n\n<p>One thing to note is that the sticky add to cart bar starts appearing on the screen only when the actual add to cart button disappears from the screen.<\/p>\n\n\n\n<p>And, the<meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\"> sticky add to cart bar showing on the product page shows the same product on which it&#8217;s appearing.<\/p>\n\n\n\n<p><strong>NOTE:&nbsp;PrestaShop Sticky Add to Cart Bar is compatible with the PrestaShop Multi-store feature.<\/strong><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features of <strong>PrestaShop Sticky Add to Cart Bar<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable or disable the module.<\/li>\n\n\n\n<li>Set the position of sticky add to cart bar either to the top or bottom.<\/li>\n\n\n\n<li>Choose the background colour for the sticky add to cart bar.<\/li>\n\n\n\n<li>Select the colour for the product name text.<\/li>\n\n\n\n<li>Choose the background colour of the add to cart button.<\/li>\n\n\n\n<li>Select the colour of the &#8220;<strong>Add to Cart<\/strong>&#8221; text shown on the add to cart button.<\/li>\n\n\n\n<li>Choose the colour of the product price.<\/li>\n\n\n\n<li>Select the attribute label &amp; the border colour.<\/li>\n\n\n\n<li>Also, choose the border width to show around sticky add to cart bar.<\/li>\n\n\n\n<li>Select the device compatibility for the sticky add to cart bar.<\/li>\n\n\n\n<li>Choose the product types on whose product pages you want to show the sticky add to cart bar.<\/li>\n\n\n\n<li>Choose to exclude categories &amp; products on which you don&#8217;t want to show the sticky add to cart bar.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">PrestaShop Sticky Add to Cart Bar Module Installation<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, go to the module manager in back office and click on \u2018upload a module\u2019.<\/li>\n\n\n\n<li>After that, drag and drop the module file or select the file from the system.<\/li>\n\n\n\n<li>In this way, the module installation will be successful.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"521\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module-1200x521.webp\" alt=\"click here to uplaod module\" class=\"wp-image-516196\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module-1200x521.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module-300x130.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module-250x109.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module-768x334.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module.webp 1284w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1262\" height=\"530\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/upload-the-module-here.webp\" alt=\"upload module file\" class=\"wp-image-516198\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/upload-the-module-here.webp 1262w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/upload-the-module-here-300x126.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/upload-the-module-here-1200x504.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/upload-the-module-here-250x105.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/upload-the-module-here-768x323.webp 768w\" sizes=\"(max-width: 1262px) 100vw, 1262px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"606\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/configure-module-1200x606.webp\" alt=\"configure module\" class=\"wp-image-516197\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/configure-module-1200x606.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/configure-module-300x152.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/configure-module-250x126.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/configure-module-768x388.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/configure-module.webp 1294w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">PrestaShop Sticky Add to Cart Bar Module Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the module, an admin can proceed to configure this module.<\/p>\n\n\n\n<p>In the configuration settings of the module, there are several options. The significance of each option is mentioned in the screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1104\" height=\"737\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config1.webp\" alt=\"Configure PrestaShop Sticky Cart module\" class=\"wp-image-559310\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config1.webp 1104w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config1-300x200.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config1-250x167.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config1-768x513.webp 768w\" sizes=\"(max-width: 1104px) 100vw, 1104px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1104\" height=\"749\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config2.webp\" alt=\"Configure PrestaShop Sticky Cart module\" class=\"wp-image-559311\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config2.webp 1104w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config2-300x204.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config2-250x170.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/config2-768x521.webp 768w\" sizes=\"(max-width: 1104px) 100vw, 1104px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Exclude Product<\/h3>\n\n\n\n<p>Additionally, there is also an option to exclude the products on whose product pages you don&#8217;t want to show the sticky add to cart bar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1040\" height=\"555\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/exclude.webp\" alt=\"Exclude product\" class=\"wp-image-559307\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/exclude.webp 1040w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/exclude-300x160.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/exclude-250x133.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/exclude-768x410.webp 768w\" sizes=\"(max-width: 1040px) 100vw, 1040px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Functionalities at the front end of the shop<\/h3>\n<\/div><\/div>\n\n\n\n<p>After configuring the module, the sticky add to cart bar will start appearing on the product pages of the shop.<\/p>\n\n\n\n<p>The following is a screenshot of the product page. At this time, the sticky add to cart bar is not displaying on the product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"773\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/productpage-1-1200x773.webp\" alt=\"Product Page\" class=\"wp-image-559316\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/productpage-1-1200x773.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/productpage-1-300x193.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/productpage-1-250x161.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/productpage-1-768x495.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/productpage-1.webp 1209w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>However, when a customer scrolls down on the page &amp; as soon as the <strong>add to cart<\/strong> button of the product disappears, a sticky add to cart bar will start appearing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"604\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/cart-1200x604.webp\" alt=\"Sticky Add to Cart\" class=\"wp-image-559323\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/cart-1200x604.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/cart-300x151.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/cart-250x126.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/cart-768x387.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/cart.webp 1281w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Attribute selection from the popup<\/h3>\n<\/div><\/div>\n\n\n\n<p>In case, if the &#8220;<strong>Display Attribute Popup<\/strong>&#8221; is enabled, then you will need to follow the following steps to change the selected attribute.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, the currently selected attribute will appear on the sticky add to cart bar.<\/li>\n\n\n\n<li>Click on the change to select any other attribute that you want to buy or add in the cart.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"563\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/change-1200x563.webp\" alt=\"Change Attribute\" class=\"wp-image-559325\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/change-1200x563.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/change-300x141.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/change-250x117.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/change-768x361.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/change.webp 1282w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After clicking on the change button, the following popup will appear. Further, choose the desired attribute &amp; click on the <strong>select<\/strong> button. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"606\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/popup-1-1200x606.webp\" alt=\"Change Attribute Pop-up\" class=\"wp-image-559326\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/popup-1-1200x606.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/popup-1-300x151.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/popup-1-250x126.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/popup-1-768x388.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/popup-1.webp 1296w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After clicking on the <strong>select<\/strong> button, the attribute will update.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"611\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/attributechanged-1200x611.webp\" alt=\"Attribute Updated\" class=\"wp-image-559328\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/attributechanged-1200x611.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/attributechanged-300x153.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/attributechanged-250x127.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/attributechanged-768x391.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/attributechanged.webp 1280w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Sticky add to cart bar customization<\/h3>\n<\/div><\/div>\n\n\n\n<p>In the configuration settings, there are various options available to customize the sticky add to cart bar appearance.<\/p>\n\n\n\n<p>You can choose to customize the sticky add to cart bar appearance by selecting a suitable colour for the following.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sticky add to cart bar background colour<\/li>\n\n\n\n<li>Product name text colour<\/li>\n\n\n\n<li>Add to cart button background colour<\/li>\n\n\n\n<li>Add to cart button text colour<\/li>\n\n\n\n<li>Product price colour<\/li>\n\n\n\n<li>Product attribute label colour<\/li>\n\n\n\n<li>Border colour<\/li>\n\n\n\n<li>Border width<\/li>\n<\/ul>\n\n\n\n<p>Also, in the following image, I&#8217;ve highlighted all the options that can be customized.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"519\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/customization-1200x519.webp\" alt=\"Sticky add to cart bar customization\" class=\"wp-image-559329\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/customization-1200x519.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/customization-300x130.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/customization-250x108.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/customization-768x332.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/11\/customization.webp 1278w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p id=\"block-9ae4f785-2e62-4594-9bd5-19caf93bdd5e\">This was all about the <strong>PrestaShop Sticky Add to Cart Bar Module<\/strong>. I hope this document will help you in checking the functionality of the module in a better way.<\/p>\n\n\n\n<p id=\"block-9ae4f785-2e62-4594-9bd5-19caf93bdd5e\">Also, do let us know about your views in the comments.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>For any kind of technical assistance or query, please&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">raise a ticket<\/a>&nbsp;or send us an email at&nbsp;<strong>support@webkul.com<\/strong><\/p>\n\n\n\n<p>Also, please explore our&nbsp;<a href=\"https:\/\/webkul.com\/prestashop-development\/\">Prestashop development services<\/a>&nbsp;and vast range of quality&nbsp;<a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">Prestashop addons<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PrestaShop Sticky Add to Cart Bar module helps shop owners to show a product details bar along with the &#8220;add to cart&#8221; button on the product page of the shop. The sticky add to cart bar shows the product name, image, price, attributes &amp; the add to cart button. It will help to increase the <a href=\"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":244,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[1533,1060,12192,2938,7789,2065,289,12191],"class_list":["post-312093","post","type-post","status-publish","format-standard","hentry","category-prestashop","tag-add-to-cart","tag-cart","tag-cart-bar","tag-customize","tag-customize-add-to-cart-button","tag-prestashop","tag-prestashop-module","tag-sticky-cart"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>User Guide of PrestaShop Sticky Add to Cart Bar<\/title>\n<meta name=\"description\" content=\"This user guide illustrates the configuration and the functioning of the PrestaShop Sticky Add to Cart Bar module to help the users better.\" \/>\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\/prestashop-sticky-add-to-cart-bar-user-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide of PrestaShop Sticky Add to Cart Bar\" \/>\n<meta property=\"og:description\" content=\"This user guide illustrates the configuration and the functioning of the PrestaShop Sticky Add to Cart Bar module to help the users better.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/\" \/>\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=\"2021-11-18T13:31:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T07:20:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module-1200x521.webp\" \/>\n<meta name=\"author\" content=\"Piyush Singh\" \/>\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=\"Piyush Singh\" \/>\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\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/\"},\"author\":{\"name\":\"Piyush Singh\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#\\\/schema\\\/person\\\/618dbdc16a52c2733cec1644cc079a2c\"},\"headline\":\"User Guide of PrestaShop Sticky Add to Cart Bar\",\"datePublished\":\"2021-11-18T13:31:09+00:00\",\"dateModified\":\"2026-09-29T07:20:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/\"},\"wordCount\":750,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/click-here-to-upload-module-1200x521.webp\",\"keywords\":[\"add to cart\",\"cart\",\"cart bar\",\"customize\",\"Customize Add To Cart Button\",\"prestashop\",\"prestashop module\",\"sticky cart\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/\",\"url\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/\",\"name\":\"User Guide of PrestaShop Sticky Add to Cart Bar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/click-here-to-upload-module-1200x521.webp\",\"datePublished\":\"2021-11-18T13:31:09+00:00\",\"dateModified\":\"2026-09-29T07:20:22+00:00\",\"description\":\"This user guide illustrates the configuration and the functioning of the PrestaShop Sticky Add to Cart Bar module to help the users better.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdnblog.webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/click-here-to-upload-module.webp\",\"contentUrl\":\"https:\\\/\\\/cdnblog.webkul.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/click-here-to-upload-module.webp\",\"width\":1284,\"height\":558},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-sticky-add-to-cart-bar-user-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/webkul.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide of PrestaShop Sticky Add to Cart Bar\"}]},{\"@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\\\/618dbdc16a52c2733cec1644cc079a2c\",\"name\":\"Piyush Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?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\\\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Piyush Singh\"},\"url\":\"https:\\\/\\\/webkul.com\\\/blog\\\/author\\\/piyushsingh-bd058\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide of PrestaShop Sticky Add to Cart Bar","description":"This user guide illustrates the configuration and the functioning of the PrestaShop Sticky Add to Cart Bar module to help the users better.","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\/prestashop-sticky-add-to-cart-bar-user-guide\/","og_locale":"en_US","og_type":"article","og_title":"User Guide of PrestaShop Sticky Add to Cart Bar","og_description":"This user guide illustrates the configuration and the functioning of the PrestaShop Sticky Add to Cart Bar module to help the users better.","og_url":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-11-18T13:31:09+00:00","article_modified_time":"2026-09-29T07:20:22+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module-1200x521.webp","type":"","width":"","height":""}],"author":"Piyush Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Piyush Singh","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/"},"author":{"name":"Piyush Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/618dbdc16a52c2733cec1644cc079a2c"},"headline":"User Guide of PrestaShop Sticky Add to Cart Bar","datePublished":"2021-11-18T13:31:09+00:00","dateModified":"2026-09-29T07:20:22+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/"},"wordCount":750,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module-1200x521.webp","keywords":["add to cart","cart","cart bar","customize","Customize Add To Cart Button","prestashop","prestashop module","sticky cart"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/","url":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/","name":"User Guide of PrestaShop Sticky Add to Cart Bar","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module-1200x521.webp","datePublished":"2021-11-18T13:31:09+00:00","dateModified":"2026-09-29T07:20:22+00:00","description":"This user guide illustrates the configuration and the functioning of the PrestaShop Sticky Add to Cart Bar module to help the users better.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2025\/12\/click-here-to-upload-module.webp","width":1284,"height":558},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/prestashop-sticky-add-to-cart-bar-user-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide of PrestaShop Sticky Add to Cart Bar"}]},{"@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\/618dbdc16a52c2733cec1644cc079a2c","name":"Piyush Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?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\/0ff446749df956469eb2d784208613bd59b4087979ccbd37d8b9215338818adb?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Piyush Singh"},"url":"https:\/\/webkul.com\/blog\/author\/piyushsingh-bd058\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/312093","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\/244"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=312093"}],"version-history":[{"count":36,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/312093\/revisions"}],"predecessor-version":[{"id":559333,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/312093\/revisions\/559333"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=312093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=312093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=312093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}