Html 正在尝试在Shopify上设置cart.liquid页面的样式。如此接近

我正在尝试将我的购物车页面在Shopify网站上的外观改为其他网站使用的样式。我感觉我就快到了

我被困住了，但我希望你们能帮助我

带帽子和衬衫的图片是我当前的购物车页面。我想让它看起来像购物车页面，带着Blenders眼镜公司的太阳镜

我有附加的图像和代码。我试图复制的购物车来自。如果您将项目添加到购物车，您将看到它的样式

非常感谢你们的帮助，非常感谢

这是Shopify上我的购物车的代码

购物车
{%if cart.item_count==0%}
{{'cart.general.empty'|t}}

{%else%}
功能删除\u项（id）{
document.getElementById（'updates_'+id.）.value=0；
document.getElementById（'cartform'）.submit（）；
}
{{'cart.general.product'|t}
{{'cart.general.price'|t}
{{'cart.general.qty'|t}
{{'cart.general.remove'| t}
{{'cart.general.total'|t}
{cart.items%中的项目为%s}
{%if settings.vendor%}{{item.vendor}}
{%endif%}
{{item.title}

{%assign property_size=item.properties|size%}
{%如果属性大小>0%}
{item.properties%中p的%s}
{%除非p.last==blank%}
{{p.first}}：
{%comment%}
检查是否有上载的相关文件
{%endcomment%}
{%如果p.last包含'/uploads/'%}
{%else%}
{{p.last}}
{%endif%}


{%end除非%}
{%endfor%}
{%endif%}
{{item.price | money}{%if item.variant.compare_at_price>item.price%}
{{{item.variant.compare_at_price | money}{%endif%}


{{item.line_price|money}

{%endfor%}
{{cart.general.subtotal}{{cart.total|u price|money}}

{{'cart.general.note'|t}
{{cart.note}
{%endif%}
{%if settings.show_recent_products%}
{%include'最近查看的“%”
{%endif%}

仍在寻求实现这一目标。感谢您的帮助！仍在寻求实现这一目标。感谢您的帮助！

<div id="shopping-cart" class="desktop-12 tablet-6 mobile-3">

<h2>SHOPPING CART</h2>
{% if cart.item_count == 0 %}
<p>{{ 'cart.general.empty' | t }}</p> 
{% else %}
<script type="text/javascript">
function remove_item(id) {
  document.getElementById('updates_'+id).value = 0;
  document.getElementById('cartform').submit();
}
</script>

<form action="/cart" method="post" id="cartform">

<table class="desktop-9 tablet-6 mobile-3">
  <thead>
    <tr>
      <th>{{ 'cart.general.product' | t }}</th>
      <th>{{ 'cart.general.price' | t }}</th>
      <th style="text-align: center;">{{ 'cart.general.qty' | t }}</th>
      <th style="text-align: center;">{{ 'cart.general.remove' | t }}</th>
      <th>{{ 'cart.general.total' | t }}</th>
    </tr>
  </thead>
  <tbody>
    {% for item in cart.items %}
    <tr>
      <td>
        <div class="cart-item">
          <div class="cart-image">
            <a href="{{ item.url }}" title="{{ item.product.title | escape 
}}">
              <img src="{{ item | img_url: 'medium' }}"  alt="{{ item.title | escape }}" />         
            </a>
          </div>
          <div class="cart-title">
            {% if settings.vendor %}<p>{{ item.vendor }}</p>{% endif %}
            <p>{{ item.title }}</p>
            {% assign property_size = item.properties | size %}
            {% if property_size > 0 %}
            {% for p in item.properties %}
            {% unless p.last == blank %}
            {{ p.first }}:

            {% comment %}
            Check if there was an uploaded file associated
            {% endcomment %}
            {% if p.last contains '/uploads/' %}
            <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
            {% else %}
            {{ p.last }}
            {% endif %}

            <br>
            {% endunless %}
            {% endfor %}
            {% endif %}
          </div>
        </div>
      </td>
      <td>
        <p>{{ item.price | money }}{% if item.variant.compare_at_price > item.price %}<br /><del>{{ item.variant.compare_at_price | money }}</del>{% endif %}</p>          
      </td>
      <td>
        <input type="text" class="cart-qty" size="4" name="updates[{{ item.id }}]" id="updates_{{ item.variant.id }}" value="{{ item.quantity }}" onfocus="this.select();" style="max-width: 50px; text-align: center; margin: 0 auto 10px; "/>
        <input style="width: 50px; height: 40px; float: right; background-color: #b3b3b3; padding: 6px" type="submit" value="Update">
      </td>
      <td style="text-align: center">
        <p><a href="#" onclick="remove_item({{ item.variant.id }}); return false;"><i class="fa fa-trash-o fa-2x"></i></a></p>
      </td>
      <td>
        <p>{{ item.line_price | money }}</p>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>


<div id="basket-right" class="desktop-3 tablet-6 mobile-3">
  <h4>{{ 'cart.general.subtotal' | t }} {{ cart.total_price | money }}</h4>
  <p><a href="/collections">{{ 'cart.general.continue' | t }}</a></p>
  <input type="submit" name="checkout" id="checkout" value="{{ 'cart.general.checkout' | t }}" class="button" />
  <div class="clear"></div>          
</div>


<div id="cart-notes" class="desktop-12 mobile-3">
  <label for="note"><strong><center><h1>{{ 'cart.general.note' | t }}
  <textarea name="note" id="note" rows="5" cols="60">{{cart.note}}</textarea>  
</div>     


</form>
{% endif %}

<div class="clear"></div>

{% if settings.show_recent_products %}
<div id="looked-at" class="desktop-12 mobile-half">
  {% include 'recently-viewed' %}
</div>
{% endif %}

</div>