Announcement

**fastees** · 04-24-16, 04:30 AM

**habreu** · 01-04-17, 05:26 PM

I think what I need is in here after looking at your page - thanks. I'll have to dig around. My levels theme 'Price/Each' column is very confusing as you can see. Thank you!

**fastees** · 01-04-17, 05:29 PM

Let me know if I can help.

**habreu** · 01-04-17, 05:54 PM

Thank you. Maybe you can narrow my search. Having a hard time uploading images so put screenshot here http://www.allfrom1supply.com/images/shot.jpg you can see what I have isn't very friendly. I like the whole page you did but for now I would love to just get the Price/Each to show the price each of an item including any attributes. If you can point that out I'll save some monkey with a stick prodding an ant hill type experimenting. ;)

This is my code starting at about the same place as you.

Code:

<mvt:if expr="l.settings:basket:empty">
  <h5 class="column whole message message-info">Your shopping cart is currently empty.</h5>
  <p class="column whole">
    <a href="&mvte:urls:SFNT:auto;" class="button button-square">Start Shopping</a>
  </p>
  <mvt:exit />
</mvt:if>
<div class="column whole medium-all-hidden cart-summary">
  <span class="column half"><strong>Cart Subtotal:</strong></span>
  <span class="column half align-right"><strong>&mvt:basket:formatted_total;</strong></span>
  <br class="clear" />
  <hr noshade />
  <p class="align-center"><a href="&mvt:global:secure_sessionurl;Screen=OINF&Store_Code=&mvte:store:code;" title="Proceed to Secure Checkout" class="button button-block button-square button-medium bg-emerald white uppercase">Checkout</a></p>
  <div class="basket-header-row align-center">Cart Summary</div>
</div>
<div class="column whole cart-contents">
  <div class="row hide medium-show basket-header-row">
    <div class="column five-eighths">Product</div>
    <div class="column one-eighth align-center">Quantity</div>
    <div class="column one-eighth align-right">Price (EA)</div>
    <div class="column one-eighth align-right">Subtotal</div>
  </div>
  <mvt:foreach iterator="group" array="basket:groups">
    <!-- <mvt:eval expr="miva_array_serialize(l.settings:group)" /> -->
    <mvt:assign name="l.settings:group:restore:link" value="l.settings:urls:BASK:auto_sep $ 'Action=ADPR&Product_Code=' $ l.settings:group:product:code $ '&Quantity=' $ l.settings:group:quantity" />
    <div class="row basket-product-row">
      <div class="column one-fourth align-center">
        <mvt:if expr="l.settings:group:imagetypes:main">
          <img src="&mvte:group:imagetypes:main;" alt="&mvt:group:name;" />
        <mvt:elseif expr="l.settings:group:product:thumbnail">
          <img src="&mvte:group:product:thumbnail;" alt="&mvt:group:name;" />
        <mvt:else>
          &nbsp;
        </mvt:if>
      </div>
      <div class="column three-fourths medium-three-eighths">
        <h4 class="nm">
          <a href="&mvte:group:link;" title="&mvt:group:name;">
            &mvt:group:name;
            <mvt:if expr="l.settings:group:upsold">&nbsp;(Special Offer)</mvt:if>
          </a>
        </h4>
        <div class="basket-product-details">
          <p>Code: &mvt:group:code;</p>
          <mvt:foreach iterator="option" array="group:options">
            <mvt:assign name="l.settings:group:option_counter" value="l.settings:group:option_counter + 1" />
            <p>
              <mvt:if expr="l.settings:option:option_id">
                <mvt:assign name="l.settings:group:restore:link" value="l.settings:group:restore:link $ '&Product_Attributes[' $ l.settings:group:option_counter $ ']:code=' $ l.settings:option:attr_code $ '&Product_Attributes[' $ l.settings:group:option_counter $ ']:value=' $ l.settings:option:opt_code" />
                &mvt:option:attr_prompt;: &mvt:option:opt_prompt;
              <mvt:elseif expr="NOT ISNULL l.settings:option:data">
                <mvt:assign name="l.settings:group:restore:link" value="l.settings:group:restore:link $ '&Product_Attributes[' $ l.settings:group:option_counter $ ']:code=' $ l.settings:option:attr_code $ '&Product_Attributes[' $ l.settings:group:option_counter $ ']:value=' $ l.settings:option:data" />
                &mvt:option:attr_prompt;: &mvt:option:data;
              <mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
                <mvt:assign name="l.settings:group:restore:link" value="l.settings:group:restore:link $ '&Product_Attributes[' $ l.settings:group:option_counter $ ']:code=' $ l.settings:option:attr_code $ '&Product_Attributes[' $ l.settings:group:option_counter $ ']:value=' $ l.settings:option:data_long" />
                &mvt:option:attr_prompt;: &mvt:option:data_long;
              <mvt:else>
                &mvt:option:attr_prompt;
              </mvt:if>
            </p>
          </mvt:foreach>
<mvt:foreach iterator="discount" array="group:discounts">
<mvt:if expr="l.settings:discount:display">
<p class="green">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</p>
</mvt:if>
</mvt:foreach>
<mvt:foreach iterator="discount" array="option:discounts">
<mvt:if expr="l.settings:discount:display">
<p class="green">&mvt:discount:descrip;: &mvt:discount:formatted_discount;</p>
</mvt:if>
</mvt:foreach>
          <mvt:if expr="l.settings:group:product:id">
            <p><a href="&mvte:urls:WISH:secure_sep;Action=MPWL&Group_ID=&mvta:group:group_id;">+ Add To Wishlist</a></p>
          </mvt:if>
        </div>
      </div>
      <div class="breaker clear medium-all-hidden"></div>
      <div class="column half x-small-offset-one-fourth x-small-one-fourth medium-offset-none medium-one-eighth">
        <mvt:if expr="l.settings:group:upsold">
          <p class="align-center">&mvt:group:quantity;</p>
        <mvt:else>
          <form method="post" action="&mvte:urls:BASK:rr;" class="nm">
            <input type="hidden" name="Action" value="QTYG" />
            <input type="hidden" name="Basket_Group" value="&mvte:group:group_id;" />
            <input type="hidden" name="Old_Screen" value="BASK" />
            <input type="hidden" name="Offset" value="&mvte:global:Offset;" />
            <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
            <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
            <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
            <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
            <input type="hidden" name="Restore_Name" value="&mvt:group:name;">
            <input type="hidden" name="Restore_Link" value="&mvte:group:restore:link;">
            <mvt:comment><input type="tel" name="Quantity" value="&mvt:group:quantity;" class="align-center" /></mvt:comment>
            <input type="tel" name="Quantity" value="&mvt:group:quantity;" class="align-center float-left increase-decrease-input" data-min="0">
            <div class="increase-decrease-wrap float-left">
              <span class="button increase-quantity js-increase-quantity" unselectable="on" data-icon="&#x4c;"></span>
              <span class="button decrease-quantity js-decrease-quantity" unselectable="on" data-icon="&#x4b;"></span>
            </div>
            <button type="submit" class="js-hide button button-small button-small-font js-update-quantity"><span data-icon="&#xe02a;" class="hide medium-inline"></span>Update</button>
          </form>
          <form method="post" action="&mvte:urls:BASK:rr;" class="" class="">
            <input type="hidden" name="Action" value="RGRP" />
            <input type="hidden" name="Restore_Name" value="&mvt:group:name;">
            <input type="hidden" name="Restore_Link" value="&mvte:group:restore:link;">
        <input type="hidden" name="Basket_Group" value="&mvte:group:group_id;" />
            <input type="hidden" name="Offset" value="&mvte:global:Offset;" />
            <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
            <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
            <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
            <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
            <button type="submit" class="button nb button-block bg-transparent remove-item"><strong class="hide medium-inline">&times;</strong> Remove</button>
          </form>
        </mvt:if>
      </div>
      <div class="column hide medium-show medium-one-eighth align-right">
        <mvt:if expr="l.settings:group:price EQ '0' OR l.settings:group:price EQ '0.00' OR l.settings:group:price EQ 0.00 OR l.settings:group:price EQ 0">
          <mvt:assign name="l.settings:group:compiled_price" value="l.settings:group:compiled_price + l.settings:group:price" />
          <mvt:foreach iterator="option" array="group:options">
            <mvt:if expr="l.settings:option:base_price OR l.settings:option:price">
              <mvt:assign name="l.settings:group:compiled_price" value="l.settings:group:compiled_price + l.settings:option:price" />
            </mvt:if>
          </mvt:foreach>
          <mvt:do name="l.settings:group:compiled_priceF" file="g.Module_Root $ g.Store:currncy_mod:module" value="CurrencyModule_AddFormatting(g.Store:currncy_mod, l.settings:group:compiled_price)" />
          <p>&mvt:group:compiled_priceF;</p>

        <mvt:else>
          <mvt:if expr="l.settings:group:base_price NE l.settings:group:price">
            <p>
              <s>&mvt:group:formatted_base_price;</s><br>
              &mvt:group:formatted_price;
            </p>
          <mvt:else>
            <p>&mvt:group:formatted_base_price;</p>
          </mvt:if>
          <mvt:foreach iterator="option" array="group:options">
            <mvt:if expr="l.settings:option:base_price">
              <p><small>+ &mvt:option:formatted_base_price;</small></p>
            </mvt:if>
          </mvt:foreach>
        </mvt:if>
      </div>
      <div class="column half medium-one-eighth medium-align-right">
        <p class="medium-all-hidden"><strong>Item Subtotal</strong></p>
        <mvt:if expr="l.settings:group:subtotal_base_price NE l.settings:group:subtotal">
          <s class="red">&mvt:group:formatted_subtotal_base_price;</s><br>
        </mvt:if>
        <p>&mvt:group:formatted_subtotal_comprehensive;</p>

        <mvt:comment>
          <mvt:if expr="l.settings:option:subtotal_base_price OR l.settings:option:subtotal">
            <mvt:if expr="l.settings:option:subtotal_base_price NE l.settings:option:subtotal">
              <s><small>&mvt:option:formatted_subtotal_base_price;</small></s><br>
            </mvt:if>
            <p><small>&mvt:option:formatted_subtotal;</small></p>
          </mvt:if>
        </mvt:comment>
      </div>
    </div>
  </mvt:foreach>
  <mvt:foreach iterator="coupon" array="basket:coupons">
    <div class="row basket-product-row">
      <div class="column whole">
        <form method="post" action="&mvte:urls:BASK:rr;" class="nm">
          <input type="hidden" name="Action" value="RCPN" />
          <input type="hidden" name="Coupon_Code" value="&mvte:coupon:code;" />
          <mvt:if expr="NOT ISNULL l.settings:coupon:descrip">
            Coupon - &mvt:coupon:code;: &mvt:coupon:descrip;
          <mvt:else>
            Coupon - &mvt:coupon:code;
          </mvt:if>
          <button type="submit" class="button button-mini bg-transparent red align-baseline">Remove</button>
        </form>
      </div>
    </div>
  </mvt:foreach>
</div>
<div>
  <div class="column whole medium-two-thirds np">
    <mvt:item name="customfields" param="Read_Basket('continue_shopping', l.settings:urls:continue_shopping)" />
    <mvt:if expr="l.settings:urls:continue_shopping">
      <a href="&mvte:urls:continue_shopping;" class="button button-medium button-small-font bg-transparent blue uppercase">Continue Shopping</a>
    <mvt:else>
      <a href="&mvte:urls:SFNT:auto;" class="button button-medium button-small-font bg-transparent blue uppercase">Continue Shopping</a>
    </mvt:if>
    <a href="&mvte:urls:WISH:secure_sep;Action=MAWL" class="button button-medium button-small-font bg-transparent blue uppercase">Move All to Wish List</a>
    <button type="button" class="button button-medium button-small-font bg-transparent blue uppercase js-slide-toggle" data-target="#js-coupon-form">Redeem Coupon</button>
    <form method="post" action="&mvte:urls:BASK:rr;" class="nm <mvt:if expr="g.Action NE 'ACPN'">js-hide</mvt:if>" id="js-coupon-form">
      <input type="hidden" name="Action" value="ACPN" />
      <br>
      <div class="column half large-one-fourth nlp">
        <input type="text" name="Coupon_Code" id="l-coupon-code" class="input" placeholder="Enter coupon code.." value="&mvte:global:Coupon_Code;">
      </div>
      <div class="column one-fourth large-one-eighth np">
        <button class="button button-medium button-small-font bg-transparent blue uppercase">Redeem</button>
      </div>
      <div class="breaker clear clearfix"></div>
    </form>
    <button id="requestQuote" type="button" class="button button-medium button-small-font bg-transparent blue uppercase">Request a Quote</button>
  </div>
  <div class="column whole medium-one-third np">
    <mvt:comment><div class="all-hidden medium-all-shown basket-header-row align-center">Cart Summary</div></mvt:comment>
    <mvt:foreach iterator="charge" array="basket:charges">
      <div class="row basket-charge-row">
        <div class="column half"><em>&mvt:charge:descrip;:</em></div>
        <div class="column half align-right">&mvt:charge:formatted_disp_amt;</div>
      </div>
    </mvt:foreach>
    <mvt:item name="shipestimate" />
    <div class="row basket-charge-row">
      <div class="column half"><strong>SUBTOTAL:</strong></div>
      <div class="column half align-right"><strong>&mvt:basket:formatted_total;</strong></div>
    </div>
    <div class="breaker"></div>
    <hr noshade />
    <a href="&mvte:urls:OINF:secure;" title="Proceed to Secure Checkout" class="button button-block button-square button-medium bg-emerald white uppercase">Checkout</a>
  </div>
</div>

**fastees** · 01-04-17, 06:15 PM

How about something like this?

**habreu** · 01-04-17, 06:38 PM

Thanks but we have found a bit of confusion when we have some configurable items with many attributes. I think since they already picked the attributes and had price info on the product page the the total for the item with all options would be perfect. I have some other products but will probably look at your code again after because your solution for the discounts is better than what we were thinking of having seperate columns for the retail-discount- etc as it would require more room.

I'm heading home but thanks for sharing. I'll check in tomorrow.

**habreu** · 01-05-17, 10:07 AM

Okay just getting back and will review your code - lots of fun. One of the problems with the attribute breakdown is it really isn't always easy to see how each price correlates to the list of items in the description. Since they explicitly chose all of these options on the PROD page we figure it will be okay and de-clutter the screen if we combine the prices. Having said that I like what you did with the red/green discounts, prices per unit etc as it saves one column and is very clear what is happening -so again thank you.

**habreu** · 01-05-17, 11:38 AM

Okay I'm stumped. I looked at every variable, I used tokenlist, and I can not figure out how you get the combined price of base + options in the price (each) column.

**habreu** · 01-05-17, 03:07 PM

Thanks to Brennan I got it - I was trying to use the 'formatted_' variable to do math and kept getting zero. Thanks again.

Announcement

Levels basket discounts that make more sense than the out of the box code.

Levels basket discounts that make more sense than the out of the box code.

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment