如何从结帐中删除税行?

时间:2015-11-04 18:48:45

标签: css templates themes shopify checkout

我试图完全摆脱税收线,或者将其隐藏起来。我已经尝试了所有我能想到的东西来实现这一点,但它没有奏效。有什么建议?如果可以,请帮助,这让我发疯。

enter image description here

这是订单模板,接下来是checkout.css

{% layout settings.customer_layout %}

<div class="section-title desktop-12 mobile-3">
  <h1>{{ 'customer.order.title' | t }} {{ order.name }}</h1>
</div>

<div id="customer-wrapper" class="desktop-12 mobile-3">


  {% if order.cancelled %}
  <div id="order_cancelled" class="flash notice">
    <h5 id="order_cancelled_title">{{ 'customer.order.cancelled' | t }} <span class="note">{{ order.cancelled_at | date: "%B %d, %Y %I:%M%p" }}</span></h5>
    <span class="note">{{ 'customer.order.cancelled_reason' | t: reason: order.cancel_reason }}</span>
  </div>
  {% endif %}

  <div class="note order_date">{{ 'customer.order.date' | t }} {{ order.created_at | date: "%B %d, %Y %I:%M%p" }}</div>

  <div id="order_address" class="group">

    <div id="order_payment" class="desktop-6 table-3 mobile-3">
      <h5 class="order_section_title">{{ 'customer.order.billing_address' | t }}</h5>
      <p><span class="note">{{ 'customer.order.payment_status' | t }}:</span> <span class="status_{{ order.financial_status }}">{{ order.financial_status_label }}</span></p>

      <div class="address note">
        <p>{{ order.billing_address.name }}</p>
        <p>{{ order.billing_address.company }}</p>
        <p>{{ order.billing_address.street }}</p>
        <p>{{ order.billing_address.city }}, {{ order.billing_address.province }}</p>
        <p>{{ order.billing_address.country }} {{ order.billing_address.zip }}</p>
        <p>{{ order.billing_address.phone }}</p>
      </div>

    </div>


    {% if order.shipping_address %}
    <div id="order_shipping" class="desktop-6 table-3 mobile-3">      
      <h5 class="order_section_title">{{ 'customer.order.shipping_address' | t }}</h5>
      <p><span class="note">{{ 'customer.order.fulfillment_status' | t }}:</span> <span class="status_{{ order.fulfillment_status }}">{{ order.fulfillment_status_label }}</span></p>

      <div class="address note">
        <p>{{ order.shipping_address.name }}</p>
        <p>{{ order.shipping_address.company }}</p>
        <p>{{ order.shipping_address.street }}</p>
        <p>{{ order.shipping_address.city }}, {{ order.shipping_address.province }}</p>
        <p>{{ order.shipping_address.country }} {{ order.shipping_address.zip }}</p>
        <p>{{ order.shipping_address.phone }}</p>
      </div>

    </div>
    {% endif %}

  </div>

  <table id="order_details">
    <thead>
      <tr>
        <th>{{ 'customer.order.details.product' | t }}</th>
        <th>{{ 'customer.order.details.sku' | t }}</th>
        <th>{{ 'customer.order.details.price' | t }}</th>
        <th class="center">{{ 'customer.order.details.quantity' | t }}</th>
        <th class="center">{{ 'customer.order.details.total' | t }}</th>
      </tr>
    </thead>
    <tbody>
      {% for line_item in order.line_items %}
      <tr id="{{ line_item.id }}" class="{% cycle 'odd', 'even' %}">
        <td class="product">
          {{ line_item.title | link_to: line_item.product.url }} 
          {% if line_item.fulfillment %}
          <div class="note">
            Fulfilled {{ line_item.fulfillment.created_at | date: "%b %d" }}
            {% if line_item.fulfillment.tracking_number %}
            <a href="{{ line_item.fulfillment.tracking_url }}">{{ line_item.fulfillment.tracking_company }} #{{ line_item.fulfillment.tracking_number}}</a>
            {% endif %}
          </div>
          {% endif %}
        </td>
        <td class="sku note">{{ line_item.sku }}</td>
        <td class="money">{{ line_item.price | money }}</td>
        <td class="qty center">{{ line_item.quantity }}</td>
        <td class="total money center">{{ line_item.quantity | times: line_item.price | money }}</td>
      </tr>
      {% endfor %}
    </tbody>  
    <tfoot>
      <tr class="order_summary note">
        <td class="label" colspan="4">{{ 'customer.order.details.subtotal' | t }}</td>
        <td class="total money center">{{ order.subtotal_price | money }}</td>
      </tr>   

      {% for discount in order.discounts %}
      <tr class="order_summary discount">
        <td class="label" colspan="4">{{ discount.code }} {{ 'customer.order.discount' | t }}</td>
        <td class="total money center">{{ discount.savings | money }}</td>
      </tr>
      {% endfor %}

      {% for shipping_method in order.shipping_methods %}
      <tr class="order_summary note">
        <td class="label" colspan="4">{{ 'customer.order.shipping' | t }} ({{ shipping_method.title }}):</td>
        <td class="total money center">{{ shipping_method.price | money }}</td>
      </tr>
      {% endfor %}

      {% for tax_line in order.tax_lines %}
      <tr class="order_summary note">
        <td class="label" colspan="4">{{ 'customer.order.tax' | t }} ({{ tax_line.title }} {{ tax_line.rate | times: 100 }}%):</td>
        <td class="total money center">{{ tax_line.price | money }}</td>
      </tr>
      {% endfor %}    

      <tr class="order_summary order_total">
        <td class="label" colspan="4">{{ 'customer.order.details.total' | t }}:</td>
        <td class="total money center">{{ order.total_price | money }} {{ order.currency }}</td>
      </tr>   
    </tfoot>  
  </table>

</div>

Checkout.scss

/* Shopify New Responsive Checkout Styles - Epic Theme by Underground Media */

@import url(//fonts.googleapis.com/css?family=Questrial|Glegoo|Droid+Sans|Lato:300,400|Arvo|Playfair+Display|Cutive+Mono|PT+Sans|Poiret+One|PT+Sans+Narrow|Quicksand|Noto+Serif|Lobster|Julius+Sans+One|Lobster+Two|Montserrat:400,700|Noticia+Text|Open+Sans|Open+Sans+Condensed:300|Oswald|Oxygen|Playball|Raleway|Roboto+Slab);



/* Body, Type, Headings & Links */  

body {
  color: {{ settings.text_color }};
  background: {{ settings.background }}{% if settings.bg != 'no_bg' %} url({{ 'background.jpg' | asset_url }}) {% endif %};
  {% if settings.bg != 'no_bg' %}  
  background-position: {{ settings.background-position }};
  background-repeat: {{ settings.background-repeat }}; 
  {% endif %}
  font-size: {{ settings.font-size }}; 
  font-family:{{ settings.font }};        
  line-height: 1.6em; 
  -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
  margin: 0! important;
}


h1, h2, h3, h4, h5, h6 {
  color: {{ settings.header-color }};
  font-family:{{ settings.headings_font }};
  font-weight: {{ settings.heading-weight }};
  letter-spacing: 1px;
  margin-top: 0;
  line-height: normal; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: {{ settings.header-color }}! important; }
h1 { font-size: {{ settings.h1-size }}; }
h2 { font-size: {{ settings.h2-size }}; }
h3 { font-size: {{ settings.h3-size }}; }
h4 { font-size: {{ settings.h4-size }}; }
h5 { font-size: {{ settings.h5-size }}; }
h6 { font-size: {{ settings.h6-size }}; }


p { 
    font-size: {{ settings.font-size }}; 
    margin-bottom: 10px; 
    font-family:{{ settings.font }};
        color: {{ settings.text_color }};
}

p.strong { 
        color: {{ settings.text_color }};
}


/* Inputs */    

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], select {
        font-family:{{ settings.font }};        
        background: transparent;
    color: {{ settings.text_color }};
}



/* Fieldsets, Fields */  

.fieldset {
    background: {{ settings.order-summary-background }};
        border: 1px solid {{ settings.dotted_color }};
}

.field+.field {
        border-top: 1px solid {{ settings.dotted_color }};
}


.field-group--has-subfields {
        border-color: {{ settings.dotted_color }};
        background-color: transparent;
}

.field--error { 
        background: transparent;
}



/* Header */

.header {
  background: transparent;
  padding: 20px 0;
  border-bottom: {{ settings.nav_border_size }} solid {{ settings.nav_border_color }}; 
}

.header__backdrop {
  display: none;
}


/* Logo, Shop Name, Shop description */  

.shop {
    float: none;
    text-align: center;
}

.shop__name {
  text-align:{% if settings.logo_position == 'centered' %} center{% elsif settings.logo_position == 'inline' %}left{% endif %};
  font-weight: {{ settings.logo-weight }}; 
  line-height: {{ settings.nav-height }};
  color: {{ settings.logo_color }};
  padding: 0; 
  font-family: {{ settings.logo-font }}; 
  font-size: {{ settings.logo-size }}; 
  text-transform: {{ settings.logo-transform }};
}


.rgba .shop__desc {
    color: {{ settings.header-color }};
        font-size: {{ settings.h2-size }};
}      


.shop a {
    text-align: center;
}

img.shop__logo {
    margin: 0 auto;
}


/* Left Column */        

a.section__edit-link {
  font-size: 12px! important;
}


.payment-method {
  background: #fff;
  border-radius: 3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;  
}

/* Order Summary */  }


.order-summary {
    border: 1px solid {{ settings.dotted_color }};
    border-top: 1px solid {{ settings.dotted_color }};
    background: {{ settings.order-summary-background }};
    color: {{ settings.text_color }};

}

.order-summary strong {
    color: {{ settings.text_color }};
}  

.product__info__name strong {
    color: {{ settings.text_color }};
}  

.summary-body, .order-summary__section { 
  border-top: 1px solid {{ settings.dotted_color }};
}

.payment-due__price {
        color: {{ settings.header-color }};
}

.footer {
          padding-bottom: 20px; 
          text-align: center;
}



/* Buttons */

.btn {
  background: {{ settings.button_color }}; 
  font-size: 14px;
  font-weight: {{ settings.button-weight }};
  font-family: {{ settings.font }}; 
  color: {{ settings.button_text }};  
  line-height: normal;
  border: 0;
  border-radius: 3px;
  -webkit-transition: background .5s ease,color .5s ease;
  -moz-transition: background .5s ease,color .5s ease;
  -o-transition: background .5s ease,color .5s ease;
  transition: background .5s ease,color .5s ease;
  -webkit-appearance: none;
  display: inline-block;
  width: auto;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 15px 20px;
}


.btn:hover {
  color: {{ settings.button_text }};
  background: {{ settings.button_hover }};
}



@media all and (max-width: 600px) {

  .shop { padding: 0 1.5em; }

}

2 个答案:

答案 0 :(得分:2)

这取决于,如果您不向客户收取任何税,那么只需取消选中admin中产品部分的税收复选框即可。然后在结帐页面上看不到税行

在订单模板中,从订单模板中删除税行项目是代码:

 {% for tax_line in order.tax_lines %}
      <tr class="order_summary note">
        <td class="label" colspan="4">{{ 'customer.order.tax' | t }} ({{ tax_line.title }} {{ tax_line.rate | times: 100 }}%):</td>
        <td class="total money center">{{ tax_line.price | money }}</td>
      </tr>
      {% endfor %}    

试试这可能有助于此帮助

答案 1 :(得分:1)

您可以修改结帐流程的任何部分(不包括自定义主题中的选项)的唯一方法是编辑checkout.liquid布局文件,如果您拥有Shopify Plus帐户,则只能访问该文件。如果您确实可以访问checkout.liquid文件,那么您应该可以通过添加以下内容来隐藏税行:

.total-line--taxes { display: none; }

在您的标题中,或在您的CSS文件中,然后将该文件包含在checkout.liquid文件中。