Refund, etc policy links

Solved
Excursionist
18 1 12

On my shopify theme the checkout page has refund policy, shipping policy, etc by default at the bottom of the page. When clicked on they open up a modal page with the relevant text in them.

How can I get these to appear in the footer on all my pages?

Thanks in advance!

0 Likes
Shopify Expert
539 24 102

You can add links to the policy pages in a navigation menu as you would add links to any other content, except that the policy links are in their own category in the link picker popup:

 

Screenshot 2019-05-13 at 08.39.06.png

★ ThemeUp: Nifty Upgrades for your Shopify Store ★ https://themeup.net
0 Likes
Shopify Expert
2529 423 535

Hi,

Page that you see on checkout page are getting from "/admin/settings/legal", if you want to add this page to your footer then you have to create menu in "online store/navigation/Footer menu" generally footer linked with "Footer menu" but its base on theme customize.

Add all page in menu and assign from "Policies" that mentioned by Thomas.

If you want to change this content then got to  "/admin/settings/legal", from here you can edit all pages.

Let me know if you need help.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Excursionist
18 1 12

Thanks, I have already done that as a temporary solution. The problem with that is that they show up as a page and not a modal window as they do from the checkout page. I don't want it to replace the content that page that they're viewing, I wanted them to open up as a modal page that the user can then just click close or press escape and end up back on the page they were viewing.

0 Likes

Success.

Shopify Expert
2529 423 535

Hi,
then you have to add popup code in page and place page content in popup,because you can not set popup on directly. you can use this modal to show, see this

Let me now if you need help 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Excursionist
18 1 12

 Thanks, I had tried using that! I created a separate page offline that I think had too much code and was a bit too complicated as it failed when I tried using it on the site, but this is much more basic and is working a treat. Nice one!!

0 Likes

Success.

Excursionist
18 1 12

In case there's anyone else out there that's looking to do the same thing. If you put this in the footer section, the policies will show up on every page and open up in a modal window...

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

 

<style>
.modal-dialog {
position: relative;
display: table !important;
overflow-y: auto !important;
overflow-x: auto !important;
width: auto !important;
min-width: 80% !important;
max-width: 85%;
max-height: 85%;
}
.modal-title {
font-size: 24px;
}
.modal-content {
background-color: #f2f2f2;
border: hidden;
border-radius: 25px 25px !important;
}
.modal-header {
background-color: #182e49;
padding:16px 16px;
font-size: 20px !important;
color:#FFF;
border-bottom:2px dashed #182e49;
border-radius: 25px 0px 25px 0px !important;
}
.modal-body {
overflow-y: auto;
font-size: 16px;
}

body.modal-open .supreme-container{
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);
}

table.center{
margin-left:auto !important;
margin-right:auto !important;
text-align: center;
}
</style>
<script type="text/javascript">
function modalclick(strURL,strTitle) {
$('#myModal').modal('show');
document.getElementById('modal-title').innerText = strTitle;

$.get(strURL, function(data) {
html=data;

document.getElementById('modal-body').innerHTML = html;

});

}
</script>

<div style="text-align: center" >
<table class="center">
<tr>
| <a onmouseover="" style="cursor: pointer;" onclick="modalclick('../6007783493/policies/7893450821.html','Refund Policy')" class="supreme-container">Refund Policy</a> |
<a onmouseover="" style="cursor: pointer;" onclick="modalclick('../6007783493/policies/8437497925.html','Shipping Policy')" class="supreme-container">Shipping Policy</a> |
<a onmouseover="" style="cursor: pointer;" onclick="modalclick('../6007783493/policies/7893483589.html','Privacy Policy')" class="supreme-container">Privacy Policy</a> |
<a onmouseover="" style="cursor: pointer;" onclick="modalclick('../6007783493/policies/7893516357.html','Terms of Service')" class="supreme-container">Terms of Service</a> |
</tr>
</table>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">&times;</button>
<h4 class="modal-title" id="modal-title">Policies</h4>
</div>
<div class="modal-body" id="modal-body">
<!--In case of a failure include something...-->
<a href="../6007783493/policies/7893450821.html">Refund Policy</a><br>
<a href="../6007783493/policies/8437497925.html">Shipping Policy</a><br>
<a href="../6007783493/policies/7893483589.html">Privacy Policy</a><br>
<a href="../6007783493/policies/7893516357.html">Terms of Service</a><br>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>

</div>
</div>

1 Like
Shopify Expert
2529 423 535

You have to created different modal for all pages with his content. you have putted just link of page in modal.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Excursionist
18 1 12

No, I don't see my found solution above.

Thanks all the same.

0 Likes
New Member
2 0 0

Hi

 

Can you please show me where to put this code exactly to get the Medal popup window effect when click on the Policy footer.

 

Thankyou

0 Likes