To również wymaga nieco złożonych zmian.
najpierw musimy wyedytować plik blockcart.tpl, który znajduje się w katalogu z modułem "blockcart" lub (jeżeli istnieje) w katalogu modułu w szablonie tj. themes/nawa-szablonu/modules/blockcart/blockcart.tpl
pod kodem:
<div>
<strong class="dark">{l s='Total' mod='blockcart'}</strong>
<span id="layer_cart_product_price"></span>
</div>
dodajemy:
<div>
<strong class="dark">{l s='Unit price' mod='blockcart'}</strong>
<span id="layer_cart_unit_product_price"></span>
</div>
Następnie w pliku blockcart-json.tpl który znajduje się w katalogu modułu (lub jeżeli istnieje to w katalogu modułu który znajduję się w szablonie. DOdajemy tam linię:
"unit_price": {displayWtPrice|json_encode p=$product.price_wt},
Następnie w pliku js, który znajduje się w katalogu z modułem /modules/blockcart/ajax-cart.js lub (jeżeli istnieje) w katalogu /themes/nazwa-szablonu/js/modules/blockcart/ajax-cart.js
gdzie do kodu:
updateLayer : function(product){
$('#layer_cart_product_title').text(product.name);
$('#layer_cart_product_attributes').text('');
if (product.hasAttributes && product.hasAttributes == true)
$('#layer_cart_product_attributes').html(product.attributes);
$('#layer_cart_product_price').text(product.price);
$('#layer_cart_product_quantity').text(product.quantity);
$('.layer_cart_img').html('<img class="layer_cart_img img-responsive" src="' + product.image + '" alt="' + product.name + '" title="' + product.name + '" />');
var n = parseInt($(window).scrollTop()) + 'px';
$('.layer_cart_overlay').css('width','100%');
$('.layer_cart_overlay').css('height','100%');
$('.layer_cart_overlay').show();
$('#layer_cart').css({'top': n}).fadeIn('fast');
crossselling_serialScroll();
},
dodajemy
$('#layer_cart_unit_product_price').text(product.unit_price);
efekt: https://i.imgur.com/LuTdNVP.png
(Unit Price 7.88€)