Remove 'Special instructions for seller' from Simple theme

Highlighted
Anonymous
Not applicable
1156 0 0

Hello. I don't need the 'Special instructions for seller' box during checkout. How can I remove it? I assume it's somewhere in the code of the theme but I don't know where or what I should delete or add to hide this box. Thank you for your help.

0 Likes
Highlighted
Shopify Partner
21 2 5

Hi,

Please share the screenshot of the page or your store URL so that I can look into this..

0 Likes
Highlighted
Shopify Partner
21 2 5

You can also try the following steps:

From your Shopify admin, go to Online Store > Theme

Find the theme that you want to edit, and then click Actions > Edit languages

In the Filter translations box, type Special instructions to show the order notes translation:

0 Likes
Highlighted
In most cases this is a theme option. Go to your theme options and select "Cart" page
https://i.imgur.com/Anj7HPw.png

If there's no option to disable it on your theme, you can still use CSS to simply hide that field.
11 years of web development experience and recently into Shopify Apps.
0 Likes
Highlighted
Anonymous
Not applicable
1156 0 0

Thanks but it's not in the settings of this theme. Do you maybe know how to do it using CSS?

0 Likes
Highlighted
Shopify Partner
2294 116 353

It's normally a setting, please share a url to store, theme preview url, and storefront password if locked.

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes
Highlighted
Anonymous
Not applicable
1156 0 0

Thanks for your reply. The URL is https://metalstraws.co/ and the site is live. I've checked the settings, it's really not in there. It's available in most themes but not in this one.

0 Likes
Highlighted
Shopify Partner
2294 116 353

It should be in your cart.liquid or it will be a sectioned theme and that will tell you what other templates are involved by looking for the keyword "include" that pulls in other files to make the final output.

 

The code look slightly different before it's rendered so find the segment similar to this :

 

<div class="grid__item medium-up--one-half">
              <label for="CartSpecialInstructions" class="label--block"></label>
              <textarea name="note" id="CartSpecialInstructions" class="input--block cart__note"></textarea>
</div>

Then comment it out:

<div class="grid__item medium-up--one-half">

              <label for="CartSpecialInstructions" class="label--block">{% comment %}{% endcomment %}</label>
{% comment %}
              <textarea name="note" id="CartSpecialInstructions" class="input--block cart__note"></textarea>
{% endcomment %}
</div>

The reason to comment out the inside of the label and the whole textarea and not the whole thing is so your payment buttons area doesn't then shift to the left because it's then empty space in the layout.

 

If you see code near  segment that similar to settings.cartnotesimilarwordsblahblah used in an "{% if.." then that means your theme should have that setting somewhere.

 

 

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
4 Likes
Highlighted
Excursionist
36 0 5

Hi all
On the flip side of this, I want the function.
Is there any way of the box being visible permanently, and not just when I click 'Special Instructions'?
And to maybe thicken up the lines!?

I've had a look at the code, but coding is not my strong suit, so I've left it alone for now! 
Any help much appreciated! :)

Steve

0 Likes
Highlighted
New Member
1 0 0

Thank you so much, this one did it for me!!

0 Likes