Remove 'Special instructions for seller' from Simple theme

[Anonymous]

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.

[Anonymous]

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.

[Salman_Khan1]

Hi,

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

[Salman_Khan1]

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:

[Altin]

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.

[Anonymous]

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

[PaulNewton]

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

[Anonymous]

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.

[PaulNewton]

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.

[SteveWinch5DS]

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

[Nigelwilson22]

Hi, did you ever get the solution to thicken the lines on the special instructions box? Thanks, Nigel.

[PaulNewton]

@Nigelwilson22 if you need to solve this problem contact me with store details for pricing, my email is in my forum signature.

[Nigelwilson22]

Thanks, where do I find your forum signature?

[Güd]

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

[charjn03]

Hi is there a way to get the words Special instructions... to go away and still keep the grid intact

[PaulNewton]

---

@charjn03 wrote:

Hi is there a way to get the words Special instructions... to go away and still keep the grid intact

---

Add this to the themes CSS, or place in a style tag in the cart template

#CartSpecialInstructions {
 visibility: hidden;
 opacity: 0;
}

Optional advanced technique is to indent the text offscreen

#CartSpecialInstructions {
 text-indent: 100%; white-space: nowrap; overflow: hidden;
}
// OR alternate
#CartSpecialInstructions {
 height: 0; overflow: hidden; padding-top: 1px;
;
}