Solved

How can I move news letter sign up to footer navigation and have the social media displayed under it

mahsana
New Member
10 0 0

Hello, I am attempting to move the email sign-up section to the footer as a column on the right side. I have read several posts from others experiencing similar issues and have tried the recommended solutions, but unfortunately, they haven't worked for me. Any suggestions? Thank you,

Accepted Solution (1)
Vinsinfo
Shopify Partner
270 100 93

This is an accepted solution.

@mahsana Sorry! Given newsletter_heading by mistake instead of newsletter_text on step #4. Please use below code like in the screenshot attached in previous comment. Continue the other steps as provided.

{
  "type": "richtext",
  "id": "newsletter_text",
  "default": "<p>Be the first to know about new collections and exclusive offers.</p>",
  "label": "t:sections.newsletter.blocks.paragraph.settings.paragraph.label"
},

View solution in original post

Replies 16 (16)

Moeed
Shopify Partner
3808 962 1193

Hey @mahsana 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
mahsana
New Member
10 0 0

Hi Moeed,

Here is my store URl chaptersofjoy.com and this is the collaborator request code 7501. 

I am not sure if this is what you were looking for. If not please guide me how to get the code. My shop is not pulish yet. 

Thank you, M

Moeed
Shopify Partner
3808 962 1193

Your front-end is password protected, can you tell me the front-end password as well?

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
mahsana
New Member
10 0 0
How do i get the password?

Moeed
Shopify Partner
3808 962 1193

Online Store > Preferences > Scroll down till you see "Password Protection" > Copy the "Password" and paste here.

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
mahsana
New Member
10 0 0

chaptersofjoy.com and the password is 'rewclo'

 

thank you,

mahsana
New Member
10 0 0

Hello Moeed, could you take a look at my issue. Is anything that you can recommend for me to do?

Thank you

AnneLuo
Shopify Partner
527 107 105

Hello, @mahsana 

Please share the store URL so that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

Vinsinfo
Shopify Partner
270 100 93

@mahsana Please share your store password to check and provide solution for this.

mahsana
New Member
10 0 0

chaptersofjoy.com and the password is 'rewclo'

Thank you,

Mahsan

mahsana
New Member
10 0 0

chaptersofjoy.com and the password is 'rewclo'

Thank you,

Mahsan

Vinsinfo
Shopify Partner
270 100 93

@mahsana Please follow below steps to move footer newsletter as a column on right side. Let me know whether it is helpful for you.

 

1. From admin, go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Go to "footer.liquid" file and search {{ section.settings.newsletter_heading }} and paste the below code at the next line of {%- endif -%}.

 

{% if section.settings.newsletter_text != blank %}
  <div class="newsletter__subheading rte" >
    {{ section.settings.newsletter_text }}
  </div>
{% endif %}

 

Vinsinfo_3-1715846953179.png


4. Then, search t:sections.footer.settings.newsletter_heading.label and paste the below code at the next line of }, and save changes.

 

{
  "type": "richtext",
  "id": "newsletter_heading",
  "default": "<p>Be the first to know about new collections and exclusive offers.</p>",
  "label": "t:sections.newsletter.blocks.paragraph.settings.paragraph.label"
},

 

Vinsinfo_4-1715846958128.png


5. Then go to "section-footer.css" file and paste the below code at the bottom of the file and save changes.

 

.footer-block__newsletter .newsletter__subheading {
  margin-bottom: 20px;
}
.footer__blocks-wrapper , .footer-block--newsletter {
  display: inline-flex !important;
}
.footer__blocks-wrapper {
  width: 70%;
}
.footer-block--newsletter {
  width: 30%;
}

 

Vinsinfo_5-1715846966732.png

 

6. Click "Exit" icon and Then click "Customize" mode on your current theme.
Vinsinfo_6-1715846984224.png
7. Click "Footer" section and enable "Show email signup" checkbox.
NOTE: Change the "Heading" and "Description" as per your need.
Vinsinfo_10-1715847026855.png

 

Vinsinfo_9-1715847020503.png

 

 

8. Now, delete the "Email signup" section displaying at the bottom.
Vinsinfo_8-1715847008930.png

 


 

Now, the newsletter will display on right side like below,

Vinsinfo_0-1715846266056.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

mahsana
New Member
10 0 0

Hello, Thank you for your response. I get this error after pasting the second code which is step #4 in your email.

Screen Shot 2024-05-17 at 09.41.01.png

 What should I do now?

Thanking you in advance for your help,

Mahsan

Vinsinfo
Shopify Partner
270 100 93

This is an accepted solution.

@mahsana Sorry! Given newsletter_heading by mistake instead of newsletter_text on step #4. Please use below code like in the screenshot attached in previous comment. Continue the other steps as provided.

{
  "type": "richtext",
  "id": "newsletter_text",
  "default": "<p>Be the first to know about new collections and exclusive offers.</p>",
  "label": "t:sections.newsletter.blocks.paragraph.settings.paragraph.label"
},
mahsana
New Member
10 0 0

Thank you for the solution you provided. It worked. 

mahsana
New Member
10 0 0

How can I add my social media accounts logo also under the news letter?