[Customize] - Add dropdown to default cart

[PrestaGold]

As you know, from Prestashop 1.7, your mini cart not support dropdown cart. Prestashop 1.7 remove some features functions which I think really need for your store. In this article, we will show you how to add dropdown cart with hover. Please follow some step above

Step 1: Connect to your FTP account and go to themes/yourthemes/module/ps_shoppingcart/ps_shoppingcart.tpl and add this code

<div class="body cart-hover-content">

 <ul>

 {foreach from=$cart.products item=product}

 <li class="cart-wishlist-item">

 {include 'module:ps_shoppingcart/ps_shoppingcart-product-line.tpl' product=$product}

 </li>

 {/foreach}

 </ul>

 <div class="cart-subtotals">

 {foreach from=$cart.subtotals item="subtotal"}

 <div class="{$subtotal.type}">

 <span class="label">{$subtotal.label}</span>

 <span class="value">{$subtotal.value}</span>

 </div>

 {/foreach}

 </div>

 <div class="cart-total">

 <span class="label">{$cart.totals.total.label}</span>

 <span class="value">{$cart.totals.total.value}</span>

 </div>

 <div class="cart-wishlist-action">

 <a class="cart-wishlist-viewcart" href="{$cart_url}">view cart</a>

 <a class="cart-wishlist-checkout" href="{$urls.pages.order}">{l s='Check Out' d='Shop.Theme.Actions'}</a>

 </div>

 </div>

You need put this code inside div “blockcart cart-preview” which below #desktop_cart

Continue, you need go to ps_shoppingcart-product-line.tpl in the same director and add this code

{if $product.images}

 <div class="shoppingcart_img">

 <img src="{$product.images.0.bySize.small_default.url}" title="{$product.name}"/>

 </div>

{/if}

 

Okay, so now you cart is showing, now you need use CSS to modify it and make it look nice. You can see from our demo HERE

 

The article from: https://prestagold.com/how-to-add-dropdown-mini-cart-to-prestashop-1-7/

[RobertCR]

I did exactly what you've said, it doesn't work

[Environment]

Could you solve this issue?

I really need my minicart dropdown ajax back! in my PS 1.7 installation.

[Environment]

On 20/7/2017 at 7:53 PM, RobertCR said:

I did exactly what you've said, it doesn't work

I figured it out! Perhaps this post may help you:

https://www.prestashop.com/forums/topic/840950-recuperando-el-dropdown-de-minicart/#comment-2890606

[Andrej Stas]

We have made an Ajax Drop Down module that works great on Prestashop 1.7 and can also display a long list of products with the "Checkout" button always visible.

You can have a look here:

https://prestabuilder.com/ajax-drop-down-cart-module/

 

You can purchase the module for 19 EUR here:

https://prestabuilder.com/prestashop-17-modules

Edited October 26, 2018 by Andrej Stas (see edit history)

[mir-aus]

I have some JS problem with your template

VM94:1 Uncaught SyntaxError: Unexpected token � in JSON at position 0
    at JSON.parse (<anonymous>)
    at Function.m.parseJSON (bottom-78eccd325.js:39)
    at HTMLDocument.<anonymous> (bottom-78eccd325.js:995)
    at HTMLDocument.dispatch (bottom-78eccd325.js:39)
    at HTMLDocument.g.handle (bottom-78eccd325.js:39)
    at Object.trigger (bottom-78eccd325.js:39)
    at S (bottom-78eccd325.js:39)
    at XMLHttpRequest.<anonymous> (bottom-78eccd325.js:39)

 

and 

 

1 Unchecked runtime.lastError: The message port closed before a response was received.

 

Please let me know how can I fix it.

[wilderness777]

On 10/25/2018 at 7:03 PM, Andrej Stas said:

We have made an Ajax Drop Down module that works great on Prestashop 1.7 and can also display a long list of products with the "Checkout" button always visible.

You can have a look here:

https://prestabuilder.com/ajax-drop-down-cart-module/

 

You can purchase the module for 19 EUR here:

https://prestabuilder.com/prestashop-17-modules

does obviously not work with version 1.7.5.6 and probably higher. I have tried it by using your editor but the cart doesn´t drop down.
Any solution?