{"id":4755,"date":"2018-07-23T16:09:43","date_gmt":"2018-07-23T10:39:43","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=4755"},"modified":"2020-10-09T18:52:24","modified_gmt":"2020-10-09T13:22:24","slug":"how-add-dropdown-mini-cart-prestashop","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/prestashop\/how-add-dropdown-mini-cart-prestashop\/","title":{"rendered":"How to add dropdown mini-cart in Prestashop 1.7"},"content":{"rendered":"

In Prestashop 1.7, mini cart doesn’t support dropdown cart. Because Prestashop 1.7 removed this feature which is really need for any ecommerce store. So, today I’m going to show you how can we add dropdown cart with hover. To avail this feature just follow this simple steps.<\/p>\n

\n

Why to Choose Our Premium Prestashop Themes <\/a><\/p>\n<\/div>\n

Step 1:<\/p>\n

Go to in your theme directory<\/p>\n

\/module\/ps_shoppingcart\/ps_shoppingcart.tpl<\/strong><\/p>\n

You need to put below code after <div class=”blockcart cart-preview> which is below the <div id=”_desktop_cart”><\/p>\n

{if $cart.products_count > 0}\r\n            <div class=\"ht_cart cart-hover-content\">\r\n                <ul>\r\n                    {foreach from=$cart.products item=product}\r\n                        <li class=\"cart-wishlist-item\">\r\n                            {include 'module:ps_shoppingcart\/ps_shoppingcart-product-line.tpl' product=$product}\r\n                        <\/li>\r\n                    {\/foreach}\r\n                <\/ul>\r\n                <div class=\"cart-summary\">\r\n                    <div class=\"cart-subtotals\">\r\n                        {foreach from=$cart.subtotals item=\"subtotal\"}\r\n                            <div class=\"{$subtotal.type}\">\r\n                                <span class=\"label\">{$subtotal.label}<\/span>\r\n                                <span class=\"value\">{$subtotal.value}<\/span>\r\n                            <\/div>\r\n                        {\/foreach}\r\n                    <\/div>\r\n                    <div class=\"cart-total\">\r\n                        <span class=\"label\">{$cart.totals.total.label}<\/span>\r\n                        <span class=\"value\">{$cart.totals.total.value}<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"cart-wishlist-action\">\r\n                    <a class=\"cart-wishlist-viewcart\" href=\"{$cart_url}\">view cart<\/a>\r\n                    <a class=\"cart-wishlist-checkout\" href=\"{$urls.pages.order}\">{l s='Check Out' d='Shop.Theme.Actions'}<\/a>\r\n                <\/div>\r\n            <\/div> \r\n        {else}\r\n            <div class=\"ht_cart cart-hover-content\">\r\n                <p class=\"no-item\">There is no itme in your cart.<\/p>\r\n            <\/div>\r\n  {\/if}<\/pre>\n
\n
Step 2:<\/p>\n
Go to in your theme directory<\/p>\n
\/module\/ps_shoppingcart\/ps_shoppingcart-product-line.tpl<\/strong><\/p>\n
Now, you have to put below code:<\/p>\n
{if $product.images}\r\n    <div class=\"minicart-img\">\r\n        <img src=\"{$product.images.0.bySize.small_default.url}\" title=\"{$product.name}\"\/>\r\n    <\/div>\r\n{\/if}<\/pre>\n
\"prestashop<\/p>\n
\n
Step 3:<\/p>\n
Now, you have to edit css style to give it better look. \ud83d\ude42<\/p>\n
If you still have any doubts, feel free to ask in comments and we\u2019ll reply as soon as possible.<\/p>\n
<\/div>
 <\/a>
<\/div><\/div><\/div>
<\/div>","protected":false},"excerpt":{"rendered":"
In Prestashop 1.7, mini cart doesn’t support dropdown cart. Because Prestashop 1.7 removed this feature which is really need for any ecommerce store. So, today I’m going to show you how can we add dropdown cart with hover. To avail this feature just follow this simple steps. Why to Choose Our Premium Prestashop Themes Step… <\/p>\n
Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":4820,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[221,222,2139,2],"tags":[313,350,348,349,347],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/4755"}],"collection":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/comments?post=4755"}],"version-history":[{"count":25,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/4755\/revisions"}],"predecessor-version":[{"id":10566,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/4755\/revisions\/10566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/4820"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=4755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=4755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=4755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}