Shopping Cart Page extra button ( i want them to be removed)

Solved
kokobeans
Excursionist
7 0 3

Hello there,

My Shopping Cart Page have some extra button and payment button like this:

Screenshot 2021-07-01 at 2.03.00 PM.png

I wan the pink button to be removed

I only need to keep the "PROCEED TO CHECKOUT" button.

 

i really appreciate if you guys help  me out 

URL: https://kokobeans.hk/cart

Thank you so much

 
IonStorm
Excursionist
37 0 3

Just have to delete a bunch of code from the cart page (or whatever snippet is being included that has those buttons). Can't really help more than that without seeing the code. Maybe find "data-shopify-buttoncontainer" in your code and that's the snippet.

0 Likes
kokobeans
Excursionist
7 0 3

@IonStorm 

Thanks for you reply.

view-source:https://kokobeans.hk/cart

Can you view it??

0 Likes
IonStorm
Excursionist
37 0 3

I can't see the liquid that way. There is a liquid file in your theme that has those buttons. It's probably a snippet. Try to find what snippets are being added to your shopping cart page. They will start with {% include or {% render

0 Likes
kokobeans
Excursionist
7 0 3

@IonStorm Thank you again for your reply. But i am not sure which is it. Could you please help me take a look at it? Thanks!

<div class="header_cart" id="main__cart_item">
	<a class="cart_link" href="/cart">
		<svg class="mr-1" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
			<path d="M20 20H0V6H20V20ZM2 18H18V8H2V18Z"/>
			<path d="M14 3.99995H12C12 3.49995 11.8 2.99995 11.4 2.59995C10.7 1.89995 9.3 1.89995 8.6 2.59995C8.2 2.89995 8 3.39995 8 3.99995H6C6 2.89995 6.4 1.89995 7.2 1.19995C8.7 -0.300049 11.3 -0.300049 12.9 1.19995C13.6 1.89995 14 2.89995 14 3.99995Z"/>
		</svg>
	{% unless style == 'type_2' %}
		<span class="link_text">{{ 'layout.header.cart' | t }}:</span>
	{% endunless %}
	<span id="cart_items" class="header_cart_items"> {{ cart.item_count }} </span>

	</a>

	{% if ajax %}
		<script>
			theme.cartAjaxOn = true;
			theme.cartAjaxTextEmpty = '{{ 'pages.cart.empty_cart_1' | t }}';
			theme.cartAjaxTextTotalPrice = '{{ 'pages.cart.total_price' | t }}';
			theme.cartAjaxTextGoCart = '{{ 'pages.cart.go_to_cart' | t }}';
			theme.cartAjaxTextClearCart = '{{ 'pages.cart.clear_cart' | t }}';
		</script>
		<div class="cart_content_wrap">
			<div class="cart_content_preloader off">
				<div class="global_loader"></div>
			</div>
			<div id="cart_content_box">
				{% if cart.item_count > 0 %}
					<ul class="cart_list_items">
						{% for item in cart.items  %}
							<li class="cart_items" data-id="{{ forloop.index }}">
								<img class="item_img" src="{{ item | img_url: '140x140', crop: 'center' }}"  alt="{{ item.title | escape }}" />
								<div class="item_desc">
									<a class="product_title" href="{{ item.product.url }}">{{ item.product.title | truncate:25 }}</a>
									<span class="money">{{ item.price | money }}</span>
									<p class="product_quantity">Quantity: {{ item.quantity }}</p>
									<a class="item_remove_btn" href="#" item-id="{{ item.id }}">
										<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path d="M7 0H13V2H18V4H2V2H7V0Z"/>
											<path fill-rule="evenodd" clip-rule="evenodd" d="M4 20H16V6H4V20ZM14 18H6V8H14V18Z" />
										</svg>
									</a>
								</div>
							</li>
						{% endfor %} 
					</ul>

					<div class="box_footer">
						<a id="clear_cart_all_items" class="cart_clear" href="/cart/clear">{{ 'pages.cart.clear_cart' | t }}</a>
						<p class="cart_total"><b>{{ 'pages.cart.total_price' | t }}: </b><span class="money">{{ cart.total_price | money }}</span></p>
						<a class="btn" href="/checkout">Checkout</a>
						<a class="btn" href="/cart">{{ 'pages.cart.go_to_cart' | t }}</a>
					</div>

				{% else %}
					<p class="alert alert-warning">{{ 'pages.cart.empty_cart_1' | t }}</p>

				{% endif %}
			</div>
		</div>
	{% else %}
		<script>
			theme.cartAjaxOn = false;
		</script>
	{% endif %}
</div>

 

<div class="template_cart">
	<div class="container">
		<h1 class="page_heading">{{ page_title }}</h1>

		{% if cart.item_count > 0 %}
			<form action="/cart" method="post" novalidate class="cart">
				<div class="row">
					<div class="col-12 col-lg-9 cart_items_main">
						<table class="table cart_items">
							{% comment %}<thead>
								<tr>
									<th class="column_product" colspan="2">{{ 'pages.cart.product' | t }}</th>
									<th class="column_price">{{ 'pages.cart.product_price' | t }}</th>
									<th class="column_quantity">{{ 'pages.cart.product_quantity' | t }}</th>
									<th class="column_total">{{ 'pages.cart.product_total' | t }}</th>
								</tr>
							</thead>{% endcomment %}

							<tbody>
								{% for item in cart.items %}
									<tr>
										<td class="column_product_img">
											<a href="{{ item.url | within: collections.all }}">
												<img class="cart__image" src="{{ item | img_url: '140x210', crop: 'center' }}" alt="{{ item.title | escape }}">
											</a>
										</td>

										<td class="column_product_info">
											<p class="cart_item__name product_name">
												<a href="{{ item.url }}">{{ item.product.title }}</a>
											</p>

											<div class="cart_item__name">
												<span class="money">{{ item.price | money }}</span>
											</div>
										</td>

										<td class="column_quantity">
											<div class="quantity_box">
												<label>{{ 'pages.cart.product_quantity' | t }}</label>
												<input id="updates_{{ item.key }}" name="updates[]" value="{{ item.quantity }}" class="quantity_input quantity_input_cart_page" min="0" type="number" data-price="{{ item.price }}">
											</div>
										</td>

										<td class="column_total_sum">
											<span class="money">{{ item.line_price | money }}</span>
										</td>

										<td class="column_remove">
											<a class="cart_item__remove" href="/cart/change?line={{ forloop.index }}&amp;quantity=0" title="{{ 'pages.cart.product_remove' | t }}">
												<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M7 0H13V2H18V4H2V2H7V0Z" fill="#222222"/>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M4 20H16V6H4V20ZM14 18H6V8H14V18Z" fill="#222222"/>
												</svg>
											
											</a>
										</td>
									</tr>
								{% endfor %}
							</tbody>

						</table>
					</div>
					
					<div class="col-12 col-lg-3 cart_sidebar">
						<div class="cart_footer">
							<p class="cart_total cart_total_items">{{ 'pages.cart.product_total' | t }} <span>{{ cart.item_count }}</span> {{ 'layout.header.cart_items' | t }}</p>

							<p class="cart_total cart_total_weight">{{ 'pages.cart.total_weight' | t }} <span>{{ cart.total_weight | weight_with_unit }}</span></p>

							<hr>
							
							<p class="cart_total cart_total_price">{{ 'pages.cart.total_price' | t }} <span class="money">{{ cart.total_price | money }}</span></p>
								

							{% if additional_checkout_buttons %}
								{% comment %}Paypal and Google checkout buttons{% endcomment %}
								<p class="btn">{{ content_for_additional_checkout_buttons }}</p>
							{% endif %}

							{% if cart.total_discounts > 0 %}
								<p>{{ 'cart.general.savings' | t }}<span class="cart__savings-amount">{{ cart.total_discounts | money }}</span></p>
							{% endif %}

							<p>
								<button type="submit" name="update" class="btn btn_inverted">{{ 'pages.cart.product_update' | t }}</button>
								<button type="submit" name="checkout" class="btn checkout_btn">{{ 'pages.cart.proceed_to_checkout' | t }}</button>
							</p>
						</div>

						{% assign shop_name = shop.name | capitalize %}
						<p class="cart_info_block">{{ 'pages.cart.currency_notification' | t: shop_name: shop_name, shop_currency: shop.currency }}</p>


						{% if section.settings.show_policy %}
							<div class="cart__policy">
								{% if section.settings.security_page.size > 0 %}
									<a class="item_policy__link" href="{{ section.settings.security_page }}">
										<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0L18 3.1V8.9C18 11.4 17.5 13.5 16.6 15.2C15.3 17.4 13.2 19 10.3 19.9L10 20L9.7 19.9C6.8 19 4.7 17.4 3.4 15.2C2.5 13.5 2 11.4 2 8.9V3.1L10 0ZM5.2 14.2C6.2 16 7.7 17.2 10 17.9C12.3 17.2 13.8 16 14.8 14.2C15.6 12.8 16 11.1 16 8.9V4.5L10 2.2L4 4.5V8.9C4 11.1 4.4 12.8 5.2 14.2Z"/>
										</svg>
										{{ section.settings.security_text }}
									</a>
								{% endif %}
								{% if section.settings.delivery_page.size > 0 %}
									<a class="item_policy__link" href="{{ section.settings.delivery_page }}">
										<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path d="M20 9H18L15.4 4H13V0H0V9V11V15H2.2C2.1 15.3 2 15.6 2 16C2 17.7 3.3 19 5 19C6.7 19 8 17.7 8 16C8 15.6 7.9 15.3 7.8 15H12.2C12.1 15.3 12 15.6 12 16C12 17.7 13.3 19 15 19C16.7 19 18 17.7 18 16C18 15.6 17.9 15.3 17.8 15H20V9ZM14.1 6L15.7 9H13V6H14.1ZM2 2H11V4V9H2V2ZM6 16C6 16.6 5.6 17 5 17C4.4 17 4 16.6 4 16C4 15.4 4.4 15 5 15C5.6 15 6 15.4 6 16ZM16 16C16 16.6 15.6 17 15 17C14.4 17 14 16.6 14 16C14 15.4 14.4 15 15 15C15.6 15 16 15.4 16 16ZM18 13H2V11H11H13H18V13Z"/>
										</svg>
										{{ section.settings.delivery_text }}
									</a>
								{% endif %}
								{% if section.settings.return_page.size > 0 %}
									<a class="item_policy__link" href="{{ section.settings.return_page }}">
										<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path d="M9.46342 19L0 10.3L9.46342 2V6.9C17.8537 7.6 19.9024 16.9 20 17L18.2439 17.7C16.1951 14.2 13.4634 13.7 9.56098 13.6V19H9.46342ZM2.92683 10.4L7.5122 14.6V11.6H8.48781C11.2195 11.6 13.8537 11.7 16 12.9C14.5366 10.9 12.1951 8.9 8.48781 8.9H7.5122V6.3L2.92683 10.4Z" />
										</svg>
										{{ section.settings.return_text }}
									</a>
								{% endif %}
							</div>
						{% endif %}

					</div>
					
					<div class="col-12 cart_note_wrap">
						<label for="cart_note">{{ 'pages.cart.add_note' | t }}</label>
						<textarea name="note" id="cart_note">{{ cart.note }}</textarea>
						
						<a class="btn_return" href="/collections">
							<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M14.5 0L16 1.42857L7 10L16 18.5714L14.5 20L4 10L14.5 0Z"/>
							</svg>
							{{ 'pages.cart.continue_shopping' | t }}
						</a>

					</div>
				</div>
			</form>

		{% else %}
			<div class="cart_empty">
				<p class="alert alert-warning">{{ 'pages.cart.empty_cart_1' | t }}. <a href="/collections">{{ 'pages.cart.empty_cart_2' | t }}</a>.</p>
			</div>

		{% endif %}
	</div>
</div>

{% schema %}
{
	"name": "Cart template",
	"class": "section section_cart",
	"settings": [
		{
			"type": "header",
			"content": "Policy block"
		},
		{
			"type": "checkbox",
			"id": "show_policy",
			"label": "Show Policy"
		},
		{
			"type": "url",
			"id": "security_page",
			"label": "Security policy page"
		},
		{
			"type": "text",
			"id": "security_text",
			"label": "Security policy link text",
			"default": "Security policy"
		},
		{
			"type": "url",
			"id": "delivery_page",
			"label": "Delivery policy page"
		},
		{
			"type": "text",
			"id": "delivery_text",
			"label": "Delivery policy link text",
			"default": "Delivery policy"
		},
		{
			"type": "url",
			"id": "return_page",
			"label": "Return policy page"
		},
		{
			"type": "text",
			"id": "return_text",
			"label": "Return policy link text",
			"default": "Return policy"
		}
	]
}
{% endschema %}

{% javascript %}
jQuery(document).ready(function($) {


});
{% endjavascript %}

 

0 Likes
kokobeans
Excursionist
7 0 3

@IonStorm  Thank you again for your reply. But i am not sure which one can be deleted. Could you please take a look at it?

 template-cart.liquid

 

<div class="template_cart">
	<div class="container">
		<h1 class="page_heading">{{ page_title }}</h1>

		{% if cart.item_count > 0 %}
			<form action="/cart" method="post" novalidate class="cart">
				<div class="row">
					<div class="col-12 col-lg-9 cart_items_main">
						<table class="table cart_items">
							{% comment %}<thead>
								<tr>
									<th class="column_product" colspan="2">{{ 'pages.cart.product' | t }}</th>
									<th class="column_price">{{ 'pages.cart.product_price' | t }}</th>
									<th class="column_quantity">{{ 'pages.cart.product_quantity' | t }}</th>
									<th class="column_total">{{ 'pages.cart.product_total' | t }}</th>
								</tr>
							</thead>{% endcomment %}

							<tbody>
								{% for item in cart.items %}
									<tr>
										<td class="column_product_img">
											<a href="{{ item.url | within: collections.all }}">
												<img class="cart__image" src="{{ item | img_url: '140x210', crop: 'center' }}" alt="{{ item.title | escape }}">
											</a>
										</td>

										<td class="column_product_info">
											<p class="cart_item__name product_name">
												<a href="{{ item.url }}">{{ item.product.title }}</a>
											</p>

											<div class="cart_item__name">
												<span class="money">{{ item.price | money }}</span>
											</div>
										</td>

										<td class="column_quantity">
											<div class="quantity_box">
												<label>{{ 'pages.cart.product_quantity' | t }}</label>
												<input id="updates_{{ item.key }}" name="updates[]" value="{{ item.quantity }}" class="quantity_input quantity_input_cart_page" min="0" type="number" data-price="{{ item.price }}">
											</div>
										</td>

										<td class="column_total_sum">
											<span class="money">{{ item.line_price | money }}</span>
										</td>

										<td class="column_remove">
											<a class="cart_item__remove" href="/cart/change?line={{ forloop.index }}&amp;quantity=0" title="{{ 'pages.cart.product_remove' | t }}">
												<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M7 0H13V2H18V4H2V2H7V0Z" fill="#222222"/>
												<path fill-rule="evenodd" clip-rule="evenodd" d="M4 20H16V6H4V20ZM14 18H6V8H14V18Z" fill="#222222"/>
												</svg>
											
											</a>
										</td>
									</tr>
								{% endfor %}
							</tbody>

						</table>
					</div>
					
					<div class="col-12 col-lg-3 cart_sidebar">
						<div class="cart_footer">
							<p class="cart_total cart_total_items">{{ 'pages.cart.product_total' | t }} <span>{{ cart.item_count }}</span> {{ 'layout.header.cart_items' | t }}</p>

							<p class="cart_total cart_total_weight">{{ 'pages.cart.total_weight' | t }} <span>{{ cart.total_weight | weight_with_unit }}</span></p>

							<hr>
							
							<p class="cart_total cart_total_price">{{ 'pages.cart.total_price' | t }} <span class="money">{{ cart.total_price | money }}</span></p>
								

							{% if additional_checkout_buttons %}
								{% comment %}Paypal and Google checkout buttons{% endcomment %}
								<p class="btn">{{ content_for_additional_checkout_buttons }}</p>
							{% endif %}

							{% if cart.total_discounts > 0 %}
								<p>{{ 'cart.general.savings' | t }}<span class="cart__savings-amount">{{ cart.total_discounts | money }}</span></p>
							{% endif %}

							<p>
								<button type="submit" name="update" class="btn btn_inverted">{{ 'pages.cart.product_update' | t }}</button>
								<button type="submit" name="checkout" class="btn checkout_btn">{{ 'pages.cart.proceed_to_checkout' | t }}</button>
							</p>
						</div>

						{% assign shop_name = shop.name | capitalize %}
						<p class="cart_info_block">{{ 'pages.cart.currency_notification' | t: shop_name: shop_name, shop_currency: shop.currency }}</p>


						{% if section.settings.show_policy %}
							<div class="cart__policy">
								{% if section.settings.security_page.size > 0 %}
									<a class="item_policy__link" href="{{ section.settings.security_page }}">
										<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0L18 3.1V8.9C18 11.4 17.5 13.5 16.6 15.2C15.3 17.4 13.2 19 10.3 19.9L10 20L9.7 19.9C6.8 19 4.7 17.4 3.4 15.2C2.5 13.5 2 11.4 2 8.9V3.1L10 0ZM5.2 14.2C6.2 16 7.7 17.2 10 17.9C12.3 17.2 13.8 16 14.8 14.2C15.6 12.8 16 11.1 16 8.9V4.5L10 2.2L4 4.5V8.9C4 11.1 4.4 12.8 5.2 14.2Z"/>
										</svg>
										{{ section.settings.security_text }}
									</a>
								{% endif %}
								{% if section.settings.delivery_page.size > 0 %}
									<a class="item_policy__link" href="{{ section.settings.delivery_page }}">
										<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path d="M20 9H18L15.4 4H13V0H0V9V11V15H2.2C2.1 15.3 2 15.6 2 16C2 17.7 3.3 19 5 19C6.7 19 8 17.7 8 16C8 15.6 7.9 15.3 7.8 15H12.2C12.1 15.3 12 15.6 12 16C12 17.7 13.3 19 15 19C16.7 19 18 17.7 18 16C18 15.6 17.9 15.3 17.8 15H20V9ZM14.1 6L15.7 9H13V6H14.1ZM2 2H11V4V9H2V2ZM6 16C6 16.6 5.6 17 5 17C4.4 17 4 16.6 4 16C4 15.4 4.4 15 5 15C5.6 15 6 15.4 6 16ZM16 16C16 16.6 15.6 17 15 17C14.4 17 14 16.6 14 16C14 15.4 14.4 15 15 15C15.6 15 16 15.4 16 16ZM18 13H2V11H11H13H18V13Z"/>
										</svg>
										{{ section.settings.delivery_text }}
									</a>
								{% endif %}
								{% if section.settings.return_page.size > 0 %}
									<a class="item_policy__link" href="{{ section.settings.return_page }}">
										<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path d="M9.46342 19L0 10.3L9.46342 2V6.9C17.8537 7.6 19.9024 16.9 20 17L18.2439 17.7C16.1951 14.2 13.4634 13.7 9.56098 13.6V19H9.46342ZM2.92683 10.4L7.5122 14.6V11.6H8.48781C11.2195 11.6 13.8537 11.7 16 12.9C14.5366 10.9 12.1951 8.9 8.48781 8.9H7.5122V6.3L2.92683 10.4Z" />
										</svg>
										{{ section.settings.return_text }}
									</a>
								{% endif %}
							</div>
						{% endif %}

					</div>
					
					<div class="col-12 cart_note_wrap">
						<label for="cart_note">{{ 'pages.cart.add_note' | t }}</label>
						<textarea name="note" id="cart_note">{{ cart.note }}</textarea>
						
						<a class="btn_return" href="/collections">
							<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M14.5 0L16 1.42857L7 10L16 18.5714L14.5 20L4 10L14.5 0Z"/>
							</svg>
							{{ 'pages.cart.continue_shopping' | t }}
						</a>

					</div>
				</div>
			</form>

		{% else %}
			<div class="cart_empty">
				<p class="alert alert-warning">{{ 'pages.cart.empty_cart_1' | t }}. <a href="/collections">{{ 'pages.cart.empty_cart_2' | t }}</a>.</p>
			</div>

		{% endif %}
	</div>
</div>

{% schema %}
{
	"name": "Cart template",
	"class": "section section_cart",
	"settings": [
		{
			"type": "header",
			"content": "Policy block"
		},
		{
			"type": "checkbox",
			"id": "show_policy",
			"label": "Show Policy"
		},
		{
			"type": "url",
			"id": "security_page",
			"label": "Security policy page"
		},
		{
			"type": "text",
			"id": "security_text",
			"label": "Security policy link text",
			"default": "Security policy"
		},
		{
			"type": "url",
			"id": "delivery_page",
			"label": "Delivery policy page"
		},
		{
			"type": "text",
			"id": "delivery_text",
			"label": "Delivery policy link text",
			"default": "Delivery policy"
		},
		{
			"type": "url",
			"id": "return_page",
			"label": "Return policy page"
		},
		{
			"type": "text",
			"id": "return_text",
			"label": "Return policy link text",
			"default": "Return policy"
		}
	]
}
{% endschema %}

{% javascript %}
jQuery(document).ready(function($) {


});
{% endjavascript %}

 

0 Likes
dmwwebartisan
Shopify Partner
7343 1736 2318

This is an accepted solution.

@kokobeans 

please Go to Online Store->Theme->Edit code then go to assets/style.scss.liquid ->paste below code at the bottom of the file.

.template-cart .shopify-cleanslate {display: none !important;}
.template_cart .cart_sidebar .btn_inverted {display: none !important;}
.template_cart .btn {display: none;}
.template_cart .checkout_btn{display: block!important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
kokobeans
Excursionist
7 0 3

@dmwwebartisan worked like a charm again! You are A PRO!! Thank you so much again!!!!!

0 Likes