Dawn Theme - Footer email sign up as a column next to the menu

Store Design
, ,
1

Hello community!

I am a new user and having some difficulty with footer on my store.

Right now my footer looks like below:

Screen Shot 2023-09-10 at 11.38.16 PM.png
Screen Shot 2023-09-10 at 11.38.16 PM.png1420×399 21.2 KB

Is there a way to move the 'Subscribe to get latest next to the ‘Customer care’ menu. I would like to display all the information as a single column along with the Social media icons like the one below:

Screen Shot 2023-09-10 at 11.39.59 PM.png
Screen Shot 2023-09-10 at 11.39.59 PM.png1422×364 28.1 KB

I hope there is a way to make this change to the footer without coding. I am a small business just starting out and dont want to pay monthly fee. But if there a way to just purchase this section, i would like to know the app info.

Thank you so much for all your help!

Femmi

1 Like
2

Hello @Femmi

Its Artzen Technologies! We will be happy to help you today.

please send ur store url

Let me know if need further assistance
Regards,
Artzen Technologies

1 Like
3

Hi @Femmi

You will need to custom your footer.liquid file to do that, recommend you hire an expert so they can help you.

1 Like
4

Hi @Femmi ,

You can send me a collaborator invitation, I will help you edit it, because it will need to change some code in the footer.liquid file

1 Like
5

Thank you for your help!

My store url is https://femmiflare.com/ and collaborator code is 2800

Sincerely,

Femmi

6

Thank you for offering your help. Please let me know ur email address or where to send the collaborator invitation. On the other hand, if its easier my store name is

www.femmiflare.com and collaboration code is 2800.

Many thanks,

Femmi

1 Like
7

Hi @Femmi ,

I sent it, after you access, I will check it for you

1 Like
8

Hi Namphan, I think i gave you the access. Would you please let me know the files you modified and the code that you added so i can follow along.

Thank you very much!

Femmi

9

Hi @Femmi ,

You can refer https://yqs57gx15kfzh9cf-75623235878.shopifypreview.com

Is this what you want?

1 Like
10

Yes! That looks great!!

Can you also tell me what the code changes are. If i need to change the wording, Please let me know which file(s) need changes.

I appreciate your help!

11

Hi @Femmi ,

You can follow these steps:

  • Step 1: Change all code footer.liquid file:
{% comment %}theme-check-disable UndefinedObject{% endcomment %}
{{ 'section-footer.css' | asset_url | stylesheet_tag }}
{{ 'component-newsletter.css' | asset_url | stylesheet_tag }}
{{ 'component-list-menu.css' | asset_url | stylesheet_tag }}
{{ 'component-list-payment.css' | asset_url | stylesheet_tag }}
{{ 'component-list-social.css' | asset_url | stylesheet_tag }}
{%- if section.settings.enable_country_selector or section.settings.enable_language_selector -%}
  {{ 'component-localization-form.css' | asset_url | stylesheet_tag }}
{%- endif -%}

{%- style -%}
  .footer {
    margin-top: {{ section.settings.margin_top | times: 0.75 | round: 0 }}px;
  }

  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .footer {
      margin-top: {{ section.settings.margin_top }}px;
    }

    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }
{%- endstyle -%}

{%- if section.settings.enable_country_selector or section.settings.enable_language_selector -%}
  
{%- endif -%}

{% schema %}
{
  "name": "t:sections.footer.name",
  "blocks": [
    {
      "type": "@app"
    },
    {
      "type": "link_list",
      "name": "t:sections.footer.blocks.link_list.name",
      "settings": [
        {
          "type": "inline_richtext",
          "id": "heading",
          "default": "Quick links",
          "label": "t:sections.footer.blocks.link_list.settings.heading.label"
        },
        {
          "type": "link_list",
          "id": "menu",
          "default": "footer",
          "label": "t:sections.footer.blocks.link_list.settings.menu.label",
          "info": "t:sections.footer.blocks.link_list.settings.menu.info"
        }
      ]
    },
    {
      "type": "brand_information",
      "name": "t:sections.footer.blocks.brand_information.name",
      "settings": [
        {
          "type": "paragraph",
          "content": "t:sections.footer.blocks.brand_information.settings.paragraph.content"
        },
        {
          "type": "header",
          "content": "t:sections.footer.blocks.brand_information.settings.header__1.content"
        },
        {
          "type": "checkbox",
          "id": "show_social",
          "default": true,
          "label": "t:sections.footer.blocks.brand_information.settings.show_social.label",
          "info": "t:sections.footer.blocks.brand_information.settings.show_social.info"
        }
      ]
    },
    {
      "type": "text",
      "name": "t:sections.footer.blocks.text.name",
      "settings": [
        {
          "type": "inline_richtext",
          "id": "heading",
          "default": "Heading",
          "label": "t:sections.footer.blocks.text.settings.heading.label"
        },
        {
          "type": "richtext",
          "id": "subtext",
          "default": "

Share contact information, store details, and brand content with your customers.

",
          "label": "t:sections.footer.blocks.text.settings.subtext.label"
        }
      ]
    },
    {
      "type": "image",
      "name": "Image",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "range",
          "id": "image_width",
          "min": 50,
          "max": 550,
          "step": 5,
          "unit": "px",
          "label": "Image width",
          "default": 100
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "Image alignment on large screen",
          "options": [
            {
              "value": "",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ],
          "default": "center"
        }
      ]
    },
    {
      "type": "newsletter",
      "name": "Newsletter",
      "settings": [
        {
          "type": "inline_richtext",
          "id": "newsletter_heading",
          "default": "Subscribe to our emails",
          "label": "t:sections.footer.settings.newsletter_heading.label"
        },
        {
          "type": "header",
          "content": "t:sections.footer.settings.header__9.content",
          "info": "t:sections.footer.settings.header__9.info"
        },
        {
          "type": "checkbox",
          "id": "enable_follow_on_shop",
          "default": true,
          "label": "t:sections.footer.settings.enable_follow_on_shop.label"
        },
        {
          "type": "header",
          "content": "t:sections.footer.settings.header__2.content",
          "info": "t:sections.footer.settings.header__2.info"
        },
        {
          "type": "checkbox",
          "id": "show_social",
          "default": true,
          "label": "t:sections.footer.settings.show_social.label"
        }
      ]
    }
  ],
  "settings": [
    {
      "type": "select",
      "id": "color_scheme",
      "options": [
        {
          "value": "accent-1",
          "label": "t:sections.all.colors.accent_1.label"
        },
        {
          "value": "accent-2",
          "label": "t:sections.all.colors.accent_2.label"
        },
        {
          "value": "background-1",
          "label": "t:sections.all.colors.background_1.label"
        },
        {
          "value": "background-2",
          "label": "t:sections.all.colors.background_2.label"
        },
        {
          "value": "inverse",
          "label": "t:sections.all.colors.inverse.label"
        }
      ],
      "default": "background-1",
      "label": "t:sections.all.colors.label"
    },
    {
      "type": "header",
      "content": "t:sections.footer.settings.header__1.content",
      "info": "t:sections.footer.settings.header__1.info"
    },
    {
      "type": "header",
      "content": "t:sections.footer.settings.header__3.content",
      "info": "t:sections.footer.settings.header__4.info"
    },
    {
      "type": "checkbox",
      "id": "enable_country_selector",
      "default": true,
      "label": "t:sections.footer.settings.enable_country_selector.label"
    },
    {
      "type": "header",
      "content": "t:sections.footer.settings.header__5.content",
      "info": "t:sections.footer.settings.header__6.info"
    },
    {
      "type": "checkbox",
      "id": "enable_language_selector",
      "default": true,
      "label": "t:sections.footer.settings.enable_language_selector.label"
    },
    {
      "type": "header",
      "content": "t:sections.footer.settings.header__7.content"
    },
    {
      "type": "checkbox",
      "id": "payment_enable",
      "default": true,
      "label": "t:sections.footer.settings.payment_enable.label"
    },
    {
      "type": "header",
      "content": "t:sections.footer.settings.header__8.content",
      "info": "t:sections.footer.settings.header__8.info"
    },
    {
      "type": "checkbox",
      "id": "show_policy",
      "default": false,
      "label": "t:sections.footer.settings.show_policy.label"
    },
    {
      "type": "header",
      "content": "t:sections.all.spacing"
    },
    {
      "type": "range",
      "id": "margin_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.footer.settings.margin_top.label",
      "default": 0
    },
    {
      "type": "header",
      "content": "t:sections.all.padding.section_padding_heading"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_top",
      "default": 36
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_bottom",
      "default": 36
    }
  ],
  "default": {
    "blocks": [
      {
        "type": "link_list"
      },
      {
        "type": "text"
      }
    ]
  }
}
{% endschema %}
  • Step 2: Go to section-footer..css file and paste this at the bottom of the file:
.footer-block-newsletter .list-social {
  justify-content: flex-start;
  margin-left: -1.3rem;
}

Hope it is clear to you.

1 Like
12

Thank you so much!! I will try it out later today!

Best Regards,

Femmi

13

Hi Namphan,

I tried to change the Wording from ‘Subscribe to our emails’ to ‘Sign-up to get the latest on Discounts & Arrivals’. However it still comes up as the Subscribe to our emails’. What am i missing?

Thanks

Femmi

14

Hi @Femmi ,

Please change text here:

Screenshot.png
Screenshot.png698×1146 44.1 KB

15

Hi Namphan, It worked and Thank you so much for your help!

Thanks,

Femmi

16

Hi @Femmi ,

If you have any further questions, you can contact me.
Happy to help you.

1 Like
17

Hey I’m trying to move the email sign up to the right of a footer menu column as well. Did you get yours to work? Can you help?

18

Hello community!

I am a new user and having some difficulty with footer on my store.

Is there a way to move the ‘Subscribe to get latest Updates’ next to the menu. I would like to display all the information as a single column along with the Social media icons like.

19

Also want to put market places link like Amazon, Flipcart, Myntra, etc.

20

Hi @898 ,

Kindly provide your store URL please and if it is password protected, please share the password as well.

Thanks!