All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I want to hide 'pickup availability' on the product page.
I want to keep the functionality - so customers can choose at checkout.
i just dont want to display it on the product page.
Example: https://africanoils.co.za/products/5l-walnut-oil
Solved! Go to the solution
This is an accepted solution.
Hello @SDBdigital
Go to online store ----> themes ----> actions ----> edit code---->assets---->component-pickup-availability.css
add this code at the end of the file.
pickup-availability-preview.pickup-availability-preview {
display: none !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hello @SDBdigital
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.pickup-availability-preview {
display: none !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
<style>
pickup-availability {
display: none!important
}
</style>
Result:
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
This is an accepted solution.
Hello @SDBdigital
Go to online store ----> themes ----> actions ----> edit code---->assets---->component-pickup-availability.css
add this code at the end of the file.
pickup-availability-preview.pickup-availability-preview {
display: none !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi Rahul
Thank you - that worked.
Happy to help you...!!!
that will be great, if you can buy me a pizza for my work.