Move Currency Switcher from Footer to Top - Brooklyn Theme

Move Currency Switcher from Footer to Top – Brooklyn Theme

Hey There, Welcome to my Youtube Channel. In this video, I am going to show you the Move Currency Switcher from Footer to Top – Brooklyn Theme. If you started your new business with Shopify and used Brooklyn Theme to design your online store then this tutorial will be helpful for you.

Here, I am going o show you an easy and step-by-step process with the video tutorial. So let’s get started.

Here’s one of shopify clints of the website and I want to currency switcher for looking. I wanted to this currency switcher in the header right here or want to remove the currency from here and this switcher right here.

In this tutorial I’m going to the easy process we can do this so let get started. If your using backlinks and you wanted such features or such solution. The you can continue this vedio. Here I’m going to share the easy process so that you can do this without any developer.

Firstly, I’m going to access my shopify admin pannel. Here’s the admin pannel of the website live theme and backlinks. I’m going to the action button selected edit code now click on the search file, field to search header and here’s the header licuid file.

Find this link to the code:

<input type="hidden" name="currency_code" id="CurrencySelector" value="{{ form.current_currency.iso_code }}" data-disclosure-input/>

Paste this code:

<li class="site-nav__item site-nav__item--compressed">
             
                  {%%- form 'localization', class: selectors_form_class -%%}
                    {%%- if locale_selector -%%}
                      <div class="selectors-form__item">
                        <h2 class="visually-hidden" id="lang-heading">
                          {{ 'general.language.dropdown_label' | t }}
                        </h2>

                        <div class="disclosure" data-disclosure-locale>
                          <button type="button" class="disclosure__toggle" aria-expanded="false" aria-controls="lang-list" aria-describedby="lang-heading" data-disclosure-toggle>
                            {{ form.current_locale.endonym_name }}
                          </button>
                          <ul id="lang-list" class="disclosure-list" data-disclosure-list>
                            {%%- for locale in form.available_locales -%%}
                              <li class="disclosure-list__item {%% if locale.iso_code == form.current_locale.iso_code %%}disclosure-list__item--current{%% endif %%}">
                                <a class="disclosure-list__option" href="#" lang="{{ locale.iso_code }}" {%% if locale.iso_code == form.current_locale.iso_code %%}aria-current="true"{%% endif %%} data-value="{{ locale.iso_code }}" data-disclosure-option>
                                  {{ locale.endonym_name }}
                                </a>
                              </li>
                            {%%- endfor -%%}
                          </ul>
                          <input type="hidden" name="locale_code" id="LocaleSelector" value="{{ form.current_locale.iso_code }}" data-disclosure-input/>
                        </div>
                      </div>
                    {%%- endif -%%}
        
        				<div class="doubly-wrapper custom-xvert"></div>  
        
                    {%%- if currency_selector -%%}
                      <div class="selectors-form__item">
                        <h2 class="visually-hidden" id="currency-heading">
                          {{ 'general.currency.dropdown_label' | t }}
                        </h2>

                        <div class="disclosure" data-disclosure-currency>
                          <button type="button" class="disclosure__toggle" aria-expanded="false" aria-controls="currency-list" aria-describedby="currency-heading" data-disclosure-toggle>
                            {{ form.current_currency.iso_code }} {%%- if form.current_currency.symbol -%%}{{ form.current_currency.symbol }}{%%- endif -%%}
                          </button>
                          <ul id="currency-list" class="disclosure-list" data-disclosure-list>
                            {%%- for currency in form.available_currencies -%%}
                              <li class="disclosure-list__item {%% if currency.iso_code == form.current_currency.iso_code %%}disclosure-list__item--current{%% endif %%}">
                                <a class="disclosure-list__option" href="#" {%% if currency.iso_code == form.current_currency.iso_code %%}aria-current="true"{%% endif %%} data-value="{{ currency.iso_code }}" data-disclosure-option>
                                  {{ currency.iso_code }} {%%- if currency.symbol -%%}{{ currency.symbol }}{%%- endif -%%}
                                </a>
                              </li>
                            {%%- endfor -%%}
                          </ul>
                          <input type="hidden" name="currency_code" id="CurrencySelector" value="{{ form.current_currency.iso_code }}" data-disclosure-input/>
                        </div>
                      </div>
                    {%%- endif -%%}
                  {%%- endform -%%}
                  
                </li>  

So thank you for your time to watch this video. If you think, this video tutorial is helpful then click on the like button and subscribe to my channel.

If you need any service relevant to WordPress or Shopify then you can contact with me

Leave a Reply