Hi All - using the Impulse theme and would like to remove the ShopPay info from only one specific product template, not all products - I saw how to do it for all products but not a specific one. Any help?
Thanks!
Chelsea
Hey @chels_grove
You’d need to create a new product page template (https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates#create-a-new-template) and then assign it to the specific product that you’re wanting to work with (https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates#apply-a-new-template).
Once the new template is assigned/applied to the product, then you’d go back into your theme editor (admin > online store > themes > customize > navigate to the specific product with the new template assigned to it), and then you should be able to customize the product via the theme editor to not show the shop pay options (if you’re using an up-to-date version of your theme).
There will either be an option to hide the ShopPay messaging within the page/section’s settings, or else you can add some “Custom CSS” to the specific block, to hide it.
@chels_grove - can you please share this page link?
Yup! I know how to do all of that - the problem is you can’t easy select to
show the ShopPay installments or not, you need CSS somewhere and that is
what I am looking for. I know what CSS to use to hide the ShopPay messaging
from all products, but not from a specific template.
@chels_grove - your page do not have specific id or class unique for this page , therefore difficult to add css for this particular page
I figured as much, but I know it has been done before but can’t find my
previous answers. It is in a specific template, product.boot-fitting.json I
think there is a way in the css to call out this template and then hide the
ShopPay language from there.
Hi @chels_grove
check this one
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#shopify-section-template--17099690475750__main .shopify-payment-terms {
display:none !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Add the following coding to the “Custom CSS” section within the “product information” block for the custom page template you’re using, within the theme editor. That will have it apply to only the custom page template that you made, and not the rest of your products.
.shopify-payment-terms {
display: none;
}
This theme does not have the Custom CSS block - that’s where I would have put it as well.