1 Reply Latest reply: Oct 20, 2014 2:17 PM by Liam Dilley RSS

    How to customize the shoppingcartsummary as a shopping cart?

    InblickNicklas Community Member

      Hi,

       

      I want to change the output of {module_shoppingcartsummary} and i have created an shoppingcartsummary.tpl that is placed within /Moduletemplates/shoppingcartsummary.tpl.
      On my shop template i have an contentholder with this {module_shoppingcartsummary template="/ModuleTemplates/shoppingcartsummary.tpl"}.

       

      I want the shoppingcartsummary to show something like this instead of the default layout :

       

      ProductimageProductnamePrice
      Productimage01 Productname01USD10
      Productimage02Productname02USD10
      Productimage03Productname03USD10

       

      Within my shoppingcartsummary.tpl I still have the default layout:

       

      2 items(s), Total USD0,00

       

       


      div class="cartSummary empty{tag_isEmpty}">

      <div class="cartSummaryItem">Shopping cart is empty</div>

      </div>

       

      <div class="cartSummary notEmpty{tag_isEmpty}">

      <div class="cartSummaryItem">{tag_itemCount} item(s), Total {tag_currency}{tag_totalAmount}</div>

      <div><a class="cartSummaryLink" href="{tag_cartUrl}">Go to cart</a></div>

       

      </div>

       

      and I have added this to my css:

       

        .empty0 { display:none; }

        .notEmpty1 { display:none; }

       

      and it all works fine but I need the shoppingcartsummary to behave like a "light-weight" shoppingcart that just give the customer an easy way to see whats inside the shoppingcart (and delete items) without having to leave the page he is on. I cant use the shoppingcart tags inside the shoppingcartsummary.tpl but perhaps someone knows how I can use {tag_productimage} etc in this layout?