All things Shopify and commerce
Hi! I do have a pickup option for shipping, but would like it to not show up on all the product pages. I'm unable to do this in my theme's (Debut) customization section. Ideas? Am I missing something?
_____________________________________________________________________________________________
I’m curious to find out the solution to this too! It shows up for only some of my products. Then on certain collections it won’t.
but I’m most likely sure it’s a part of the theme, so I have not found anyone or any solution on how anyone has removed it. My best solution would be to try out different themes incase you’re unable to remove it.
I would like to know this too.
Also wondering how to do this.
For those who are still looking for a solution.
Go to Online Store > Theme > Actions > Edit Code
Under "Sections" you'll see product-template.liquid
Around line 268 you'll see this section:
<div
class="product-single__store-availability-container"
data-store-availability-container
data-product-title="{{ product.title | escape }}"
data-has-only-default-variant="{{ product.has_only_default_variant }}"
data-base-url="{{ shop.url }}{{ routes.root_url }}"
>
</div>
Delete it.
THANK YOU!!!! it’s worked!
I don't see that code segment. Is it consistent across templates, or specific to one? I'm using OutOfTheSandbox 'Turbo 7.0' theme
thanks
matt
For the Turbo theme you can comment out this code in the "product-form.liquid" snippet at line 159:
<div class="surface-pick-up surface-pick-up--loading" data-surface-pick-up></div>
<div class="surface-pick-up__modal" data-surface-pick-up-modal></div>
It should look like this afterward
<!-- <div class="surface-pick-up surface-pick-up--loading" data-surface-pick-up></div>
<div class="surface-pick-up__modal" data-surface-pick-up-modal></div> -->
How would I delete this in the Parallax out of the sandbox theme? There is a surface-pick-up.liquid section but not sure what to do with it. Thank you!
You should be able to find where that snippet is being referenced from and use a liquid comment to comment it out. I would do that as opposed to removing the code completely.
I reached out to Out of the Sandbox about the same question (how to do this on Parallax) and this is the answer they gave me, and at least in my store, it works!
Navigate to online store -> themes -> actions -> edit code -> scroll down to styles.css.liquid and click -> paste the following code at the bottom of the file -> click save:
.surface-pick-up {
display: none !important;
}
I did this and it removed the pick up blurb at checkout however now the checkout button will not work. Any ideas how to fix this!?
Hi,
How would you do it in Focal theme?
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024