How I can hiden policies in checkout?
Link: https://alpadadoors.com
pass: yewyew
A user wants to hide policy links from the checkout page.
Proposed Solutions:
Remove policy content: Delete all text from Settings > Policies. This removes policy links from checkout, though policies can still be displayed in the footer by creating separate pages (Online Store > Pages) and adding them via Online Store > Navigation > Footer menu.
Customize checkout theme: Access Settings > Checkout > Customize to open the checkout theme editor, where policy line visibility can be toggled off directly.
Code modification: Edit the theme.liquid file (Online Store > Themes > Edit Code) and insert custom JavaScript code within <script> tags to programmatically hide policy elements.
Status: Multiple approaches offered; no confirmation yet on which solution the original poster implemented or whether the issue is resolved.
Hi @Daniil_P13 !
If you want to remove the policy links on your checkout page, you will need to remove all the contents of your policies under >settings >policies. By removing the contents on that setting, the policy links will also disappear on your checkout page. However, if you want those policies to show under your footer, you will need to create pages for those policies by going to >online store >pages. Once Policy pages are created, you can then add it on your footer section by going to >online store >navigation >footer menu.
This is Noah from PageFly - Shopify Page Builder App
Hi @Daniil_P13 You can open setting → check out → customize and will show editor theme check page.
So you can hidden line policies of check out in that editor your theme.
Best regards,
Noah | PageFly
Hi @Daniil_P13 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Replace the code inside the tag with this code
let timeBack = 10;
const handleF = () => {
try {
const target = document.querySelector(".tpo_option-set-wrapper > .tpo_option-set-container .tpo_option-container");
if (target) {
setTimeout(() => {
const places = document.querySelectorAll(".tpo_option-set-wrapper > .tpo_option-set-container .tpo_option-container")
if (document.querySelector(".product-info__block-item[data-block-type='quantity-selector']")) places[places.length - 1].after(document.querySelector(".product-info__block-item[data-block-type='quantity-selector']"));
}, 200);
}
else if (timeBack-- > 0) setTimeout(handleF, 300);
} catch (error) {
if (timeBack-- > 0) setTimeout(handleF, 300);
}
}
handleF();
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you