Non-English character Megamenu

How to make megamenu support non-english character

The following tutorial is going to show how to make megamenu support non-english character. (Chinese, Japanese, Hebrew,..)

First of all, we would like the thank you for using our theme.

Apollotheme - a website where you can find the best shopify theme and Extensions as well. We are proud of our professional themes, extensions. With long-term experience working on Opensource, we have created a number of great extensions for Shopify like: Apollo Shopify Framework, Apollo Shopify Megamenu Module ...

Apollotheme is also famous for custom work, if you encounter trouble or need help with your website, coding, .... you can find us on Apollotheme.com then we will support you or give you suggestions.

1/ Change code in block-menu.liquid & block-menu-canvas.liquid

A/ block-menu.liquid

Go to Admin -> Online store -> Themes -> ... -> Edit HTML/CSS -> block-menu.liquid

a) Replace:

{% if linklists[link.handle] != empty %}

to:

  {% assign has_drop_down_1 = false %}
  {% for i in (0..15) %}
  {% if forloop.first %}
  {% assign temp = 'link-list' %}
  {% else %}
  {% capture temp %}link-list-{{ i }}{% endcapture %}
  {% endif %}
  {% if linklists[temp] and linklists[temp].links.size > 0 and linklists[temp].title == link.title %}
  {% assign dropdown1 = temp %}
  {% assign has_drop_down_1 = true %}
  {% endif %}
  {% endfor %}
  {% if linklists[link.handle] != empty or has_drop_down_1 %}

b) Replace:

  {% for child_link in linklists[link.handle].links %}
  {% if linklists[child_link.handle] != empty %}

to:

  {% unless has_drop_down_1 %}{% assign dropdown1 = link.handle %}{% endunless %}
  {% for child_link in linklists[dropdown1].links %}
  {% assign has_drop_down_2 = false %}
  {% for i in (0..15) %}
  {% if forloop.first %}
  {% assign temp = 'link-list' %}
  {% else %}
  {% capture temp %}link-list-{{ i }}{% endcapture %}
  {% endif %}
  {% if linklists[temp] and linklists[temp].links.size > 0 and linklists[temp].title == child_link.title %}
  {% assign dropdown2 = temp %}
  {% assign has_drop_down_2 = true %}
  {% endif %}
  {% endfor %}
  {% if linklists[child_link.handle] != empty or has_drop_down_2 %}

c) Replace:

  {% for child_link1 in linklists[child_link.handle].links %}
  {% if linklists[child_link1.handle] != empty %}

to:

  {% unless has_drop_down_2 %}{% assign dropdown2 = child_link.handle %}{% endunless %}
  {% for child_link1 in linklists[dropdown2].links %}
  {% assign has_drop_down_3 = false %}
  {% for i in (0..15) %}
  {% if forloop.first %}
  {% assign temp = 'link-list' %}
  {% else %}
  {% capture temp %}link-list-{{ i }}{% endcapture %}
  {% endif %}
  {% if linklists[temp] and linklists[temp].links.size > 0 and linklists[temp].title == child_link1.title %}
  {% assign dropdown3 = temp %}
  {% assign has_drop_down_3 = true %}
  {% endif %}
  {% endfor %}
  {% if linklists[child_link1.handle] != empty or has_drop_down_3 %}

d) Replace:

{% for child_link2 in linklists[child_link1.handle].links %}

to:

  {% unless has_drop_down_3 %}{% assign dropdown3 = child_link1.handle %}{% endunless %}
  {% for child_link2 in linklists[dropdown3].links %}

B/ block-menu-canvas.liquid

Go to Admin -> Online store -> Themes -> ... -> Edit HTML/CSS -> block-menu-canvas.liquid and do similar with block-menu.liquid

2/ Change code in menu-blocklinks.liquid

Go to Admin -> Online store -> Themes -> ... -> Edit HTML/CSS -> menu-blocklinks.liquid

a) Replace:

  {% if linklists[mega_link_handle] != empty %}
  {% for bocklink_title in linklists[mega_link_handle].links %}

to:

  {% assign has_drop_down_mg_1 = false %}
  {% for i in (0..15) %}
  {% if forloop.first %}
  {% assign temp = 'link-list' %}
  {% else %}
  {% capture temp %}link-list-{{ i }}{% endcapture %}
  {% endif %}
  {% if linklists[temp] and linklists[temp].links.size > 0 and linklists[temp].title == link.title %}
  {% assign dropdown1 = temp %}
  {% assign has_drop_down_mg_1 = true %}
  {% endif %}
  {% endfor %}
  {% if linklists[mega_link_handle] != empty or has_drop_down_mg_1 %}
  {% unless has_drop_down_mg_1 %}{% assign dropdown1 = link.handle %}{% endunless %}
  {% for bocklink_title in linklists[dropdown1].links %}

b) Replace:

  {% if linklists[bocklink_title.handle] != empty %}
  {% for sub_link in linklists[bocklink_title.handle].links %}

to:

  {% assign has_drop_down_mg_2 = false %}
  {% for i in (0..15) %}
  {% if forloop.first %}
  {% assign temp = 'link-list' %}
  {% else %}
  {% capture temp %}link-list-{{ i }}{% endcapture %}
  {% endif %}
  {% if linklists[temp] and linklists[temp].links.size > 0 and linklists[temp].title == bocklink_title.title %}
  {% assign dropdown2 = temp %}
  {% assign has_drop_down_mg_2 = true %}
  {% endif %}
  {% endfor %}
  {% if linklists[bocklink_title.handle] != empty or has_drop_down_mg_2 %}
  {% unless has_drop_down_mg_2 %}{% assign dropdown2 = bocklink_title.handle %}{% endunless %}
  {% for sub_link in linklists[dropdown2].links %}

Recommendation

Hope this tutorial is helpful for you while developing your e-Commerce Shopify site. Access Forum or send us email through the Contact Form. We will try to solve your issues as soon as possible (within 2 days).