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/