Advice on how to fix some coding

markymarkaus
New Member
4 0 0

Hi all,

Firstly thank you for those who take the time to assist me with some simple coding issues. I have never built or coded anything in my life and I am on a steep learning curb in the process of setting up a small business with limited funds. I am using ChatGTP, YouTube and guided however I feel like they are old and the instructions aren't up to date anymore.

I have 3 issues I need help with and I know they are probably very simple.  I am using theme Dawn 14.0.0

2 issues with the footer
Issue 1
Centring the Policies section.
What I have tried: adding in some coding from ChatGTP which helped move the copyright section to the centre but not the policies.
Code added: <div class="policy-container" style="text-align: center;">

footer not centred 04052024 .png


Issue 2:
I can't find the section in the coding where I can add payment widget. I am trying to add afterpay and following their instructions is unhelpful.

Add Afterpay wiget to Footer.png


Issue 3
On the default product page I want to fix the positioning of the payment widgets to have them one after the other. I want to move the shipping declaimer to directly under the price. Again, I can't find the coding that will allow me to do this.

Default Product Page.png

 

Replies 7 (7)

Sweet_Savior_3
Shopify Partner
1190 96 115

Hello @markymarkaus 

 

Welcome to Shopify community. 

 

All these needs changes in the theme. So if possible please seek help of a developer to make changes for you at a very limited cost. 

 

Let me know if you need. 

 

Thanks 

 

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
markymarkaus
New Member
4 0 0

@Sweet_Savior_3 

I appreciate your advice however I would really like to be able to solve the issue myself moving forward. I am treating this as a learning opportunity.

I also would like to put my budget towards buying our products as opposed to employing someone to resolve minor visual issues on the website. I am want a polished page to the best of my ability.

PageFly-Noah
Astronaut
1119 201 220

This is Noah from PageFly - Shopify Page Builder App

 Hi @markymarkaus  please send me link url , I need check element and  provide solution for you.

Thank you,

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

markymarkaus
New Member
4 0 0

@PageFly-Noah 

Thank you for taking a look. the URL is www.ladyangler.com.au

PageFly-Noah
Astronaut
1119 201 220

Hi @markymarkaus  please add code here in file theme.liquid and above tag </body>:

 

 

<style>
   //fix issue 1
   .footer__copyright{
            width: 100% !important;
           text-align: center !important;
   }
   

</style>
//fix issue 3

<script>
document.addEventListener('DOMContentLoaded', function () {
  setTimeout(function () {
const afterpayBlock = document.getElementById('shopify-block-afterpay_on_site_messaging_payments_messaging_n3thyG');
const zipContainer = document.querySelector('.zip-container');
const afterpayContent = afterpayBlock.innerHTML;
zipContainer.innerHTML = afterpayContent;
  }, 1000);
});

</script>

 

 

With issue 2: You need find file footer have section. Sorry I dont have this theme, so body content show different.

PageFlyNoah_0-1714818210699.png

 

Hope my solution will help you resolved this issue .

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

markymarkaus
New Member
4 0 0

Thank you, 

I can't work out the afterpay situation. I will keep trying. Than you very much for assiting with issue 1. 

I wasn't able fine the code for issue 3.

I appreciate the help though.

Oscar_RDH
Not applicable
1 0 0

Is not coding but it is a free app try Trust Badges Bear with this app you will be able to edit your footer payment widgets and also on your product page