Would like to move Pay option badges and copyright info in footer.

Shahed_Uddin
Tourist
13 0 1

Hi guys, 

total newbie here ?

Just wanted to know how I can move my copyright info to centre bottom of footer and pay option badges all the way to bottom left of footer?

TIA 

0 Likes
Billy_Yeung
Shopify Expert
41 0 1

I've uploaded a mock up screen.  Is this what you want to achieve?

Find more about apps for your store.
★ Geo IP Redirect Manager: https://apps.shopify.com/geo-ip-redirect-manager
★ Connected Inventory: https://apps.shopify.com/connected-inventory
★ Theme Save: https://apps.shopify.com/theme-save
0 Likes
Shahed_Uddin
Tourist
13 0 1

Hi,

Yes that's exactly what I would like to do. However would like pay option badges to be in bottom far left (where copyright info used to be)

0 Likes
Billy_Yeung
Shopify Expert
41 0 1

Like so?

Find more about apps for your store.
★ Geo IP Redirect Manager: https://apps.shopify.com/geo-ip-redirect-manager
★ Connected Inventory: https://apps.shopify.com/connected-inventory
★ Theme Save: https://apps.shopify.com/theme-save
0 Likes
Shahed_Uddin
Tourist
13 0 1

Hi Billy, 

Yes exactly as you have done. Curious how you had access to change code on my store?

0 Likes
Billy_Yeung
Shopify Expert
41 0 1

Hi Shahed, i have no access to your code, i'm just using a graphics software to mock up a screen in order to confirm what you actually wanted.  :D

It sould be a quick fix but I want to take a look at the code to confirm.

In your theme, there is a file named "footer.liquid".  Can you send it over to my email account (support@inscoder.com)?

Regards,

Billy

Find more about apps for your store.
★ Geo IP Redirect Manager: https://apps.shopify.com/geo-ip-redirect-manager
★ Connected Inventory: https://apps.shopify.com/connected-inventory
★ Theme Save: https://apps.shopify.com/theme-save
0 Likes
Shahed_Uddin
Tourist
13 0 1

shall I send it as a link address?

0 Likes
Billy_Yeung
Shopify Expert
41 0 1

You can do this:

1. On shopify admin screen click: Sales Channel -> Online Store -> Themes -> click the "..." button -> Edit HTML / CSS 
2. Go to Sections folder.  Select "footer.liquid"
3. Copy and paste everything on the center screen and send it over to my email (support@inscoder.com)
 

Find more about apps for your store.
★ Geo IP Redirect Manager: https://apps.shopify.com/geo-ip-redirect-manager
★ Connected Inventory: https://apps.shopify.com/connected-inventory
★ Theme Save: https://apps.shopify.com/theme-save
0 Likes
Shahed_Uddin
Tourist
13 0 1

Ok just sent...

0 Likes
Billy_Yeung
Shopify Expert
41 0 1

Shahed,

You can edit your "footer.liquid" theme file and replace line 166-190 with these.  Let me know if it works for you.

  <div class="site-footer__copyright">
    <div class="page-width">
      <div class="grid medium-up--grid--table" style="margin-left: -10px;">
        <div class="grid__item medium-up--one-half medium-up--text-left">
          {% unless shop.enabled_payment_types == empty %}
            {% assign payment_icons_available = 'amazon_payments,american_express,apple_pay,bitcoin,cirrus,dankort,diners_club,discover,dogecoin,dwolla,forbrugsforeningen,interac,jcb,litecoin,maestro,master,paypal,visa' | split: ',' %}
            <ul class="list--inline payment-icons">
              {% for type in shop.enabled_payment_types %}
                {% if payment_icons_available contains type %}
                  <li>
                    {% assign icon_name = type | prepend: 'icon-' %}
                    {% include icon_name %}
                    <span class="icon__fallback-text">{{type | replace: '_',' '}}</span>
                  </li>
                {% endif %}
              {% endfor %}
            </ul>
          {% endunless %}
        </div>
        <div class="grid__item medium-up--one-half">
          <small>&copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: '/' }}. {{ powered_by_link }}</small>
        </div>
      </div>
    </div>
  </div>

 

Regards,

Billy Yeung

Find more about apps for your store.
★ Geo IP Redirect Manager: https://apps.shopify.com/geo-ip-redirect-manager
★ Connected Inventory: https://apps.shopify.com/connected-inventory
★ Theme Save: https://apps.shopify.com/theme-save
0 Likes