On the Palo Alto theme and as the subject mentions, looking to move Currency Converter (US/CAD) from footer up to Navigation / Mobile Nav. We sell cross-border and having this easily accessible for customers is critical. Currently not available to add in menu, we previously were on Flow where this was standard so know the functionality is there.
Hi @Aestate please share the code of the “header.liquid” and “footer.liquid” files so that they can be updated.
Header Code:
{%- liquid
assign header_position = ‘relative’
if section.settings.sticky_header
assign header_position = ‘fixed’
endif
assign header_transparent = section.settings.header_transparent
assign header_text_color = section.settings.header_text_color
assign nav_alignment = section.settings.menu_alignment
assign cart_animation = settings.enable_cart_animation
assign logo_width = section.settings.logo_max_width
assign logo_height = 0
assign logo = section.settings.logo
assign logo_not_home = section.settings.logo_not_home
if logo
assign logo_aspect_ratio = logo.aspect_ratio
assign logo_height = logo_width | divided_by: logo_aspect_ratio
assign logo_height_scrolled = logo_height
endif
if logo_not_home
assign logo_height_scrolled = logo_width | divided_by: logo_not_home.aspect_ratio
assign logo_aspect_ratio = logo_not_home.aspect_ratio
unless logo
assign logo_height = logo_width | divided_by: logo_aspect_ratio
endunless
endif
if logo_height_scrolled > 40
assign logo_height_scrolled = 40
endif
assign header_height = 60
if logo_height > 30
assign header_height = logo_height | plus: 30
endif
render ‘nav-drawer’
if settings.cart_type == ‘drawer’ and template.name != ‘cart’
render ‘cart-drawer’ cart: cart
endif
-%}
{%- comment -%} Prevent CLS on Collection & List Collections pages {%- endcomment -%}
{%- style -%}
:root {
–header-height: {{ header_height }}px;
}
{%- if header_transparent -%}
#PageContainer { --header-height: 0px; }
{%- else -%}
.main-content > .transparent-header:first-child { --header-height: 0px; }
{%- endif -%}
{%- if template.name == ‘collection’ or template.name == ‘list-collections’ or header_transparent == false -%}
#PageContainer { padding-top: {{ header_height }}px; }
{%- endif -%}
{%- endstyle -%}
{%- if logo or logo_not_home -%}
{%- style -%}
@media screen and (min-width: 768px) {
.logo__image-link { height: {{ logo_height | round | append: 'px' }}; }
}
.logo__image-link, .drawer__logo-image { width: {{ logo_width | append: 'px' }}; }
.has-scrolled .logo__image-link { width: {{ logo_height_scrolled | times: logo_aspect_ratio | round | append: 'px' }}; height: {{ logo_height_scrolled | round | append: 'px' }}; }
{%- endstyle -%}
{%- endif -%}
{%- capture logo_not_home -%}
{%- assign image = section.settings.logo_not_home -%}
{%- if image != blank -%}
{%- assign image_url_pattern = image | img_url: ‘1x1’ | replace: ‘1x1.', '{width}x.’ -%}
{%- assign image_widths = “[50,60,70,80,90,100,110,120,130,140,150,160,170,180,200,220,240,260,280,300,320,340,360,380,400,420,440,460,480,500]” -%}
{%- assign logo_padding_top = 1 | divided_by: image.aspect_ratio | times: 100 | round: 1 -%}
{%- endif -%}
{%- endcapture -%}
{%- capture logo_home -%}
{%- assign image = section.settings.logo -%}
{%- if image != blank -%}
{%- assign image_url_pattern = image | img_url: ‘1x1’ | replace: ‘1x1.', '{width}x.’ -%}
{%- assign image_widths = “[50, 100, 150, 200, 250, 300, 350, 400, 500, 700, 800]” -%}
{%- assign logo_padding_top = 1 | divided_by: image.aspect_ratio | times: 100 | round: 1 -%}
{%- endif -%}
{%- endcapture -%}
{%- if logo_not_home != blank or logo_home != blank -%} {{- logo_not_home -}} {{- logo_home -}} {%- else -%} {{ shop.name }} {%- endif -%}
{%- assign highlight_item_color = section.settings.highlight_item_color -%} {%- capture style -%} {%- if highlight_item_color != 'rgba(0,0,0,0)' and highlight_item_color != '' -%} style="--highlight: {{ highlight_item_color }};" {%- endif -%} {%- endcapture -%}
{{ 'general.accessibility.open_search_bar' | t }}
{%- render 'icon-search' -%}
<a href=“{{ routes.cart_url }}” class=“navlink navlink–icon cart__toggle cart__toggle{% if cart.item_count > 0 %} cart__toggle–has-items{% endif %}{% if cart_animation %} cart__toggle–animation{% endif %}” aria-controls=“cart-drawer” aria-expanded=“false” data-focus-element{% unless template.name == ‘cart’ or settings.cart_type == ‘page’ %} data-cart-drawer-toggle{% endunless %}>
{{ ‘general.accessibility.open_cart’ | t }}
{%- render ‘icon-shopping-bag’ -%}
{%- for link in linklists[section.settings.main-menu].links -%}
{%- render ‘nav-item’, link: link, section: section, index: forloop.index, highlight_item: highlight_item -%}
{%- endfor -%}
{%- if section.settings.show_search -%}
{%- endif -%}
{%- if shop.customer_accounts_enabled -%}
{%- endif -%}
{%- if section.settings.show_search -%}
{{ 'general.accessibility.open_search_bar' | t }}
{%- render 'icon-search' -%}
{%- endif -%}
<a href=“{{ routes.cart_url }}” class=“mobile-menu__button cart__toggle{% if cart.item_count > 0 %} cart__toggle–has-items{% endif %}{% if cart_animation %} cart__toggle–animation{% endif %}” aria-controls=“cart-drawer” aria-expanded=“false” data-focus-element {% unless template.name == ‘cart’ or settings.cart_type == ‘page’ %} data-cart-drawer-toggle{% endunless %}>
{{ ‘general.accessibility.open_cart’ | t }}
{%- render ‘icon-shopping-bag’ -%}
{%- if section.settings.show_search -%}
{{ 'general.accessibility.close_search_bar' | t }}
{%- render 'icon-close' -%}
{%- endunless -%}
{%- endif -%}
{{ 'general.accessibility.search-field' | t }}
{{ 'general.accessibility.submit_search_request' | t }}{% render 'icon-search' %}
{%- assign popular_links = section.settings.menu_searches_list -%}
{%- unless popular_links == blank -%}
{{ 'general.search.popular' | t }}
-
{%- for link in linklists[popular_links].links -%}
- {{ link.title | escape }} {%- endfor -%}
{%- if section.settings.show_search_links -%}
{{ 'general.search.browse_categories' | t }}
-
{%- for collection in collections -%}
- {{ collection.title }} {%- endfor -%}
-
{% comment %} product-grid-item-template results append here {% endcomment %}
{%- endif -%}
{%- if template.name == ‘index’ -%}
{%- assign potential_action_target = shop.url | append: routes.search_url | append: “?q={search_term_string}” -%}
{%- endif -%}
{% schema %}
{
“name”: “Header”,
“class”: “header–sticky”,
“settings”: [
{
“type”: “checkbox”,
“id”: “sticky_header”,
“label”: “Enable sticky header”,
“default”: true
},
{
“type”: “header”,
“content”: “Logo”
},
{
“type”: “image_picker”,
“id”: “logo_not_home”,
“label”: “Image”,
“info”: “Used on the other pages and on scroll when the header is sticky”
},
{
“type”: “range”,
“id”: “logo_max_width”,
“label”: “Width”,
“min”: 30,
“max”: 250,
“default”: 100,
“step”: 10,
“unit”: “px”
},
{
“type”: “header”,
“content”: “Navigation”
},
{
“type”: “link_list”,
“id”: “main-menu”,
“label”: “Main menu”,
“default”: “main-menu”
},
{
“type”: “checkbox”,
“id”: “show_images”,
“label”: “Show mega menu images”,
“info”: “Collection and Product links”,
“default”: true
},
{
“type”: “range”,
“id”: “image_aspect_ratio”,
“min”: 0.5,
“max”: 1.5,
“step”: 0.1,
“unit”: “:1”,
“label”: “Image scaling ratio”,
“info”: “Wide to tall”,
“default”: 0.5
},
{
“type”: “select”,
“id”: “menu_alignment”,
“label”: “Alignment”,
“default”: “center”,
“options”: [
{ “label”: “Links | Logo | Icons”, “value”: “left” },
{ “label”: “Logo | Links (center) | Icons”, “value”: “center” },
{ “label”: “Logo | Links (right) | Icons”, “value”: “right” }
]
},
{
“type”: “header”,
“content”: “Highlight link”
},
{
“type”: “text”,
“id”: “highlight_item”,
“label”: “Menu item”,
“default”: “Sale”
},
{
“type”: “color”,
“id”: “highlight_item_color”,
“label”: “Color”,
“default”: “#D02E2E”
},
{
“type”: “header”,
“content”: “Search”
},
{
“type”: “checkbox”,
“id”: “show_search”,
“label”: “Show search”,
“default”: true
},
{
“type”: “link_list”,
“id”: “menu_searches_list”,
“label”: “Search menu”,
“info”: “This menu won’t show dropdown items”
},
{
“type”: “checkbox”,
“id”: “show_search_links”,
“label”: “Show collection links”,
“default”: true
},
{
“type”: “header”,
“content”: “Transparent header”
},
{
“type”: “checkbox”,
“id”: “header_transparent”,
“label”: “Enable transparent header”,
“default”: true
},
{
“type”: “image_picker”,
“id”: “logo”,
“label”: “Logo”,
“info”: “Used on Home and Collection pages when the header is transparent”
},
{
“type”: “select”,
“id”: “header_text_color”,
“label”: “Text color”,
“info”: “For transparent header only”,
“default”: “white”,
“options”: [
{ “label”: “Light”, “value”: “white” },
{ “label”: “Dark”, “value”: “black” }
]
}
],
“blocks”: [
{
“name”: “Image”,
“type”: “image”,
“settings”: [
{
“type”: “select”,
“id”: “position”,
“label”: “Link position in main menu”,
“default”: “1”,
“options”: [
{ “value”: “1”, “label”: “Item 1”},
{ “value”: “2”, “label”: “Item 2”},
{ “value”: “3”, “label”: “Item 3”},
{ “value”: “4”, “label”: “Item 4”},
{ “value”: “5”, “label”: “Item 5”},
{ “value”: “6”, “label”: “Item 6”},
{ “value”: “7”, “label”: “Item 7”},
{ “value”: “8”, “label”: “Item 8”},
{ “value”: “9”, “label”: “Item 9”},
{ “value”: “10”, “label”: “Item 10”}
]
},
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”
},
{
“type”: “range”,
“id”: “aspect_ratio”,
“min”: 0.5,
“max”: 1.5,
“step”: 0.1,
“unit”: “:1”,
“label”: “Image scaling ratio”,
“info”: “Wide to tall”,
“default”: 0.5
},
{
“type”: “checkbox”,
“id”: “wide_image”,
“label”: “Wide image”,
“default”: true
},
{
“type”: “select”,
“id”: “bg_position”,
“label”: “Position”,
“default”: “center-center”,
“options”: [
{ “label”: “Top”, “value”: “center-top” },
{ “label”: “Right”, “value”: “right-center” },
{ “label”: “Center”, “value”: “center-center” },
{ “label”: “Left”, “value”: “left-center” },
{ “label”: “Bottom”, “value”: “center-bottom” }
]
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”
},
{
“type”: “text”,
“id”: “link_text”,
“label”: “Text”
},
{
“type”: “url”,
“id”: “link”,
“label”: “Link”
}
]
}
]
}
{% endschema %}
Footer Code:
{%- liquid
assign color_text = section.settings.color_text
assign color_bg = section.settings.color_bg
assign color_border = section.settings.color_border
assign color_wave = section.settings.color_wave
assign footer_wave = section.settings.show_footer_wave
-%}
{%- style -%}
{%- if color_bg != ‘rgba(0,0,0,0)’ and color_bg != ‘’ -%}
.site-footer { --bg: {{ color_bg }}; }
{%- endif -%}
{%- if color_text != ‘rgba(0,0,0,0)’ and color_text != ‘’ -%}
.site-footer {
–text: {{ color_text }};
–text-alpha-15: {{ color_text | color_modify: ‘alpha’, 0.15 }};
–text-alpha-50: {{ color_text | color_modify: ‘alpha’, 0.60 }};
–text-alpha-85: {{ color_text | color_modify: ‘alpha’, 0.85 }};
}
{%- endif -%}
{%- if color_border != ‘rgba(0,0,0,0)’ and color_border != ‘’ -%}
.site-footer { --border: {{ color_border }}; }
{%- endif -%}
{%- if footer_wave -%}
.site-footer { --color-wave: {{ color_wave }}; }
.vertical-padding,
.shopify-section–marquee { padding-bottom: var(–gutter); }
@media screen and (min-width: 768px) {
.slideshow:last-child .slider–has-arrow .flickity-page-dots { margin-bottom: 45px; }
.slideshow:last-child .slider__scroll-down { bottom: 10px; }
}
{%- endif -%}
{%- endstyle -%}
{%- for block in section.blocks -%}
{%- assign title = block.settings.title | default: linklists[block.settings.menu].title -%}
{%- case block.type -%}
{%- when ‘logo’ -%}
{%- if block.settings.image != blank -%}
{%- capture image_attributes -%}
width="{{ block.settings.logo_width }}"
{%- endcapture -%}
{%- capture container_attributes -%}
style=“width: {{ block.settings.logo_width }}px”
{%- endcapture -%}
{%- assign image_alt = block.settings.image.alt | strip_html | escape | default: shop.name -%}
{%- render ‘responsive-image’, image: block.settings.image, image_class: ‘logo–footer’, image_alt: image_alt, image_attributes: image_attributes, container_attributes: container_attributes -%}
{%- else -%}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg-filled' }}
{%- endif -%}
{%- if block.settings.show_shop_name -%}
{{ shop.name }}
{%- endif -%}
{%- when ‘link’ -%}
{%- assign menu_links = linklists[block.settings.menu].links -%}
{%- assign show_title = block.settings.show_title -%}
{%- if show_title -%}
{%- endif -%}
{{- title -}} {%- render 'icon-toggle-plus' -%} {%- render 'icon-toggle-minus' -%}
{%- endif -%}{%- if menu_links != empty -%}
-
{%- for link in menu_links -%}
- {{ link.title }} {%- endfor -%}
{%- when ‘blog’ -%}
{%- assign blog = blogs[block.settings.blog] | default: false -%}
{%- assign layout = block.settings.layout -%}
{%- if title != blank -%}
{{ title }}
{%- endif -%}{%- if blog -%}
{%- if layout == ‘articles’ -%}
-
{%- for article in blog.articles limit: 3 -%}
- {{ article.title | strip_html | truncatewords: 5 }} {%- endfor -%}
-
{%- for tag in tags -%}
{%- unless tag contains 'time_' -%}
- {{ tag }} {%- endunless -%} {%- endfor -%}
-
{%- for i in (1..3) -%}
- {{ 'homepage.onboarding.blog.title' | t }} {%- endfor -%}
-
{%- for i in (1..3) -%}
- {{ 'homepage.onboarding.blog.tag' | t }} {%- endfor -%}
{%- when ‘newsletter’ -%}
{%- if title != blank -%}
{{ title }}
{%- endif -%}
{%- if block.settings.text != blank -%}
{{- block.settings.text -}}
{%- endif -%}
{%- render ‘newsletter-form’, unique: block.id -%}
{%- when ‘text’ -%}
{%- assign footer_text = block.settings.footer_text -%}
{%- if title != blank -%}
{%- endcase -%}
{%- endfor -%}
{{ title }}
{%- endif -%}
{{- footer_text -}}
{%- render 'cross-border' -%}
{%- if section.settings.show_social_links -%}
{%- render ‘footer-social’ -%}
{%- endif -%}
{%- render ‘footer-copyright’ -%}
{%- if section.settings.show_payment_icons -%}
{%- render ‘footer-payment’ -%}
{%- endif -%}
{% schema %}
{
“name”: “Footer”,
“max_blocks”: 4,
“settings”: [
{
“type”: “header”,
“content”: “Appearance”
},
{
“type”: “checkbox”,
“id”: “show_footer_wave”,
“label”: “Show footer wave”,
“default”: true
},
{
“type”: “color”,
“id”: “color_wave”,
“label”: “Wave color”,
“default”: “#000”
},
{
“type”: “header”,
“content”: “Bottom bar”
},
{
“type”: “checkbox”,
“id”: “show_social_links”,
“label”: “Show social icons”,
“info”: “Edit your social settings and accounts in Theme settings”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_payment_icons”,
“label”: “Show payment icons”,
“default”: true
},
{
“type”: “link_list”,
“id”: “bottom_menu”,
“label”: “Menu”
},
{
“type”: “header”,
“content”: “Colors”
},
{
“type”: “color”,
“id”: “color_text”,
“label”: “Text”,
“default”: “#fff”
},
{
“type”: “color”,
“id”: “color_bg”,
“label”: “Background”,
“default”: “#000”
},
{
“type”: “color”,
“id”: “color_border”,
“label”: “Border”,
“default”: “#fff”
},
{
“type”: “header”,
“content”: “language selector”,
“info”: “To add a language, go to your language settings.”
},
{
“type”: “checkbox”,
“id”: “show_locale_selector”,
“label”: “Show language selector”,
“default”: false
},
{
“type”: “header”,
“content”: “Currency selector”,
“info”: “To add a currency, go to your currency settings.”
},
{
“type”: “checkbox”,
“id”: “show_currency_selector”,
“label”: “Show currency selector”,
“default”: false
},
{
“type”: “select”,
“id”: “currency_type”,
“label”: “Type”,
“options”: [
{
“value”: “currency”,
“label”: “Currency”
},
{
“value”: “country”,
“label”: “Country”
}
]
}
],
“blocks”: [
{
“type”: “logo”,
“name”: “Logo”,
“limit”: 1,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Select an image”
},
{
“type”: “range”,
“id”: “logo_width”,
“label”: “Custom logo width (in pixels)”,
“min”:30,
“max”:250,
“default”: 100,
“step”:10,
“unit”:“px”
},
{
“type”: “checkbox”,
“id”: “show_shop_name”,
“label”: “Show shop name”,
“default”: true
}
]
},
{
“type”: “link”,
“name”: “Link list”,
“settings”: [
{
“type”: “link_list”,
“id”: “menu”,
“label”: “Link list”,
“info”:“This menu won’t show dropdown items”
},
{
“type”: “checkbox”,
“id”: “show_title”,
“label”: “Show link list title”,
“default”: false
}
]
},
{
“type”: “text”,
“name”: “Text”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Our Story”
},
{
“type”: “richtext”,
“id”: “footer_text”,
“label”: “Text”,
“default”: “
Leave your customers with a final message about your brand in this rich text block.
”}
]
},
{
“type”: “blog”,
“name”: “Blog”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Our Blog”
},
{
“type”: “blog”,
“id”: “blog”,
“label”: “Choose blog to show recent article excerpts.”
},
{
“type”: “select”,
“id”: “layout”,
“label”: “Layout”,
“default”: “articles”,
“options”: [
{ “label”: “Show recent articles”, “value”: “articles” },
{ “label”: “Show article tags”, “value”: “tags” }
]
}
]
},
{
“type”: “newsletter”,
“name”: “Newsletter”,
“limit”: 1,
“settings”: [
{
“type”: “paragraph”,
“content”: “Subscribers are added in the Customers section of your site admin.”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Newsletter”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”,
“default”: “
Subscribe to our newsletter and stay up to date with the new collections, products and exclusive offers.
”}
]
}
]
}
{% endschema %}
plz share the store URL
www.shopaestate.com is the live site. This is currently being built on Palo Alto, preview here:
My bad, please find preview link here:
My bad, please find preview link here:
Any luck?
I am sorry about that, your preview URL is expired, plz create a new preview URL I will update the code tomorrow.
Hi there, here is an updated preview link - appreciate your help:
I’ve added an attachment - you were very close.
-
Desktop version, left of the cart/profile (just “USD $” and the arrow down)
-
Mobile version, under the FAQ in the menu
How did you add that currency selector in the footer?
It’s in the Palo Alto theme template, never added it
@Aestate for The changes you want i will need the code access of your theme, changing only the header and footer will not work. You can add me as a collaborator so that I can access and make changes to the code.
Hi there,
I need the same help with my Palo Alto theme. Was wondering if you could assist?