FROM CACHE - en_header

Remove 'Special instructions for seller' from Simple theme

Anonymous
Not applicable

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.

Replies 14 (14)
Salman_Khan1
Shopify Partner
24 2 5

Hi,

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

Salman_Khan1
Shopify Partner
24 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:

Altin
Shopify Partner
7 0 4
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.
Anonymous
Not applicable

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

PaulNewton
Shopify Partner
4765 390 1021

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

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
Anonymous
Not applicable

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
Shopify Partner
4765 390 1021

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.

 

 

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
SteveWinch5DS
Excursionist
54 0 6

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

Güd
New Member
1 0 0

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

charjn03
New Member
9 0 0

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

charjn03_0-1598649091372.png

 

PaulNewton
Shopify Partner
4765 390 1021

@charjn03 wrote:

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

charjn03_0-1598649091372.png

 


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;
;
}
Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
Nigelwilson22
Tourist
7 0 1

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

PaulNewton
Shopify Partner
4765 390 1021

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

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to eff.org
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
Nigelwilson22
Tourist
7 0 1

Thanks, where do I find your forum signature?