Skip to content

Instantly share code, notes, and snippets.

@lukeholder

lukeholder/cart.html

Last active July 18, 2017 02:35
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save lukeholder/65adabc8867fd64ef232266712dc85cc to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save lukeholder/65adabc8867fd64ef232266712dc85cc to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. lukeholder revised this gist Jul 18, 2017. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion cart.html
    View file
    Original file line number Diff line number Diff line change
    @@ -133,10 +133,12 @@ <h4>Total Price: {{ cart.totalPrice|commerceCurrency(cart.currency) }}</h4>

    </tbody>
    </table>

    {% if not lineItemHasErrors %}
    <a class="button button-primary" href="{{ url('shop/checkout') }}">Checkout</a>
    {% endif %}

    {% endif %}

    {% if not cart.lineItems|length %}
    <p>You have no items in your cart, add some on the <a href="{{ url('shop/products') }}">products page</a>.</p>
    {% endif %}
  2. lukeholder created this gist Jul 18, 2017.
    146 changes: 146 additions & 0 deletions cart.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,146 @@
    {% extends "shop/_layouts/main" %}

    {% block main %}
    <div class="row">
    <div class="twelve columns">

    {% if cart.lineItems|length %}
    <table class="u-full-width">
    <thead>
    <tr>
    <th>Product</th>
    <th>Qty</th>
    <th class="text-right">Price</th>
    </tr>
    </thead>
    <tbody>
    {% set lineItemHasErrors = false %}
    {% for item in cart.lineItems %}
    {% if item.hasErrors() %}
    {# if the line item has errors lets record it so we can hide totals later (since they wont make sense) #}
    {% set lineItemHasErrors = true %}
    {% endif %}
    <tr {% if item.hasErrors() %}style="background-color:rgba(255, 0, 0, .1);"{% endif %}>
    <td>
    <strong>{{ item.description }}</strong><br>
    ({{ item.sku }})
    <br>
    <code>{{ item.options|json_encode }}</code>
    <form method="POST">
    <input type="hidden" name="action" value="commerce/cart/removeLineItem"/>
    <input type="hidden" name="redirect" value="shop/cart"/>
    {{ getCsrfInput() }}
    <input type="hidden" name="lineItemId" value="{{ item.id }}"/>
    <input type="submit" class="button link" value="Remove"/>
    </form>
    </td>
    <td>
    <form method="POST">
    <input type="hidden" name="action" value="commerce/cart/updateLineItem">
    <input type="hidden" name="redirect" value="shop/cart">
    <input type="hidden" name="lineItemId" value="{{ item.id }}">
    <input type="text" placeholder="My Note" size="20" name="note" value="{{ item.note }}">
    <span {% if item.getError('qty') %}class="has-error"{% endif %}>
    <input type="number" name="qty" min="1" value="{{ item.qty }}">
    </span>
    {{ getCsrfInput() }}
    {% if item.options.giftWrapped is defined %}
    <select name="options[giftWrapped]">
    <option value="no" {% if item.options.giftWrapped == 'no' %}selected{% endif %}>No gift wrap.</option>
    <option value="yes" {% if item.options.giftWrapped == 'yes' %}selected{% endif %}>Gift wrapped.</option>
    </select>
    {% endif %}
    <input type="submit" class="button" value="Update"/>
    </form>
    </td>
    <td class="text-right">
    {% if not lineItemHasErrors %}
    {% if item.onSale %}
    <s>Price: {{ item.price|commerceCurrency(cart.currency) }}</s><br>
    Sale Off: {{ item.saleAmount|commerceCurrency(cart.currency) }}<br>
    Sale Price {{ item.salePrice|commerceCurrency(cart.currency) }}<br>
    Sale Price Subtotal: {{ item.subtotal|commerceCurrency(cart.currency) }}<br>
    {% else %}
    Price: {{ item.price|commerceCurrency(cart.currency) }}<br>
    Sale Price {{ item.salePrice|commerceCurrency(cart.currency) }}<br>
    Sale Price Subtotal: {{ item.subtotal|commerceCurrency(cart.currency) }}<br>
    {% endif %}

    Discount: {{ item.discount|commerceCurrency(cart.currency) }}<br>
    Taxes: {{ item.tax|commerceCurrency(cart.currency) }}<br>
    Taxes (Inc): {{ item.taxIncluded|commerceCurrency(cart.currency) }}<br>
    Shipping: {{ item.shippingCost|commerceCurrency(cart.currency) }}<br>
    Total: {{ item.total|commerceCurrency(cart.currency) }}<br>
    {% endif %}
    </td>
    </tr>
    {% endfor %}

    {% if not lineItemHasErrors %}
    {% for adjustment in cart.adjustments %}
    <tr>
    <td>{{ adjustment.type }}
    </td>
    <td><strong>{{ adjustment.name }}</strong><br>({{ adjustment.description }})</td>
    <td class="text-right">{{ adjustment.amount|commerceCurrency(cart.currency) }}</td>
    </tr>
    {% endfor %}
    {% endif %}

    <tr>
    <td>
    {# Remove all line items to empty the cart: #}
    <form method="POST">
    <input type="hidden" name="action" value="commerce/cart/removeAllLineItems"/>
    <input type="hidden" name="redirect" value="shop/cart"/>
    {{ getCsrfInput() }}
    <input class="button link" type="submit" value="Empty the Cart"/>
    </form>

    {# Update Coupon form uses the single update controller action: #}
    {% if cart.getError('couponCode') %}<span class="flash">{{ cart.getError('couponCode') }}</span>{% endif %}
    <form method="POST">
    <input type="hidden" name="action" value="commerce/cart/updateCart">
    <input type="hidden" name="redirect" value="shop/cart">
    {{ getCsrfInput() }}
    <span class="{% if cart.getError('couponCode') %}has-error{% endif %}">
    <input type="text" name="couponCode" width="11" class="{% if cart.getError('couponCode') %}has-error{% endif %}" value="{{ cart.couponCode }}" placeholder="{{ "Coupon Code"|t }}">
    </span>
    <input type="submit" class="button" value="{% if cart.couponCode %}Change{% else %}Apply{% endif %} Coupon"/>
    </form>

    </td>
    <td colspan="2" class="text-right">
    {% if not lineItemHasErrors %}
    Item Sub Total: {{ cart.itemSubTotal|commerceCurrency(cart.currency) }}<br>

    Item Total: {{ cart.itemTotal|commerceCurrency(cart.currency) }}<br>
    <br>
    Base Discount: {{ cart.baseDiscount|commerceCurrency(cart.currency) }}<br>
    Base Shipping Cost: {{ cart.baseShippingCost|commerceCurrency(cart.currency) }}<br>
    Base Tax: {{ cart.baseTax|commerceCurrency(cart.currency) }}<br>
    Base Tax Included: {{ cart.baseTaxIncluded|commerceCurrency(cart.currency) }}<br>
    <br>
    Total Discount: {{ cart.totalDiscount|commerceCurrency(cart.currency) }}<br>
    Total Shipping: {{ cart.totalShippingCost|commerceCurrency(cart.currency) }}<br>
    Total Tax: {{ cart.totalTax|commerceCurrency(cart.currency) }}<br>
    Total Tax (inc): {{ cart.totalTaxIncluded|commerceCurrency(cart.currency) }}<br>

    <h4>Total Price: {{ cart.totalPrice|commerceCurrency(cart.currency) }}</h4>
    {% endif %}
    </td>
    </tr>

    </tbody>
    </table>

    <a class="button button-primary" href="{{ url('shop/checkout') }}">Checkout</a>
    {% endif %}

    {% if not cart.lineItems|length %}
    <p>You have no items in your cart, add some on the <a href="{{ url('shop/products') }}">products page</a>.</p>
    {% endif %}

    </div>
    </div>
    {% endblock %}