Diferentes menus para escritorio y mobile

Español Debates Preguntas y respuestas técnicas
1

Tengo dos menus. El “main-menu” y uno llamado “menu2”.
Mi header tiene una barra de navegación.
Quiero que cuando la página esté en modo escritorio, la barra de navegación de mi header tenga el menu “menu2”.
Quiero que cuando la página esté en modo mobile, la barra de navegación de mi header tenga el menu “main-menu”.
Podrían darme una mano?
Gracias!

Este es el fragmento de código que considero yo que es donde está el problema. Se encuentra al comienzo del archivo “adv-site-nav.liquid”:

{% comment %}
List out your main-menu linklist (default)
More info on linklists:

    {%- assign sitemenu = section.settings.pick_menu %} {% for link in linklists[sitemenu].links %}

    {% assign i = forloop.index | downcase %}
    {% assign cat = link.title | handleize %}

    Supongo que lo que quiero es que “sitemenu” sea igual a menu2 cuando se está en modo escritorio y que “sitemenu” sea igual a main-menu cuando se está en modo mobile.

    Sin embargo, es probable que el error no se encuentre ahí.

2

Hola,

¿Podrías compartir el código completo de “adv-site-nav.liquid”?

Un saludo.

3

Si, claro!

{% comment %}
List out your main-menu linklist (default)
More info on linklists:

    {%- assign sitemenu = section.settings.pick_menu %} {% for link in linklists[sitemenu].links %}

    {% assign i = forloop.index | downcase %}
    {% assign cat = link.title | handleize %}

    {% if section.settings.display_megamenu %}

    {% assign is_megamenu = false %}

    {% for block in section.blocks %}

    {% for i in (1..7) %}

    {% capture cap_megamenu_item %}megamenu_items_{{ i }}{% endcapture %}

    {% capture cap_banner_first_style %}banner_first_style_{{ i }}{% endcapture %}
    {% capture cap_link_banner_first_style %}link_banner_first_style_{{ i }}{% endcapture %}

    {% capture cap_banner_second_style %}banner_second_style_{{ i }}{% endcapture %}
    {% capture cap_link_banner_second_style %}link_banner_second_style_{{ i }}{% endcapture %}

    {% capture cap_banner_third_style %}banner_third_style_{{ i }}{% endcapture %}
    {% capture cap_link_banner_third_style %}link_banner_third_style_{{ i }}{% endcapture %}

    {% if block.settings[cap_megamenu_item] != blank %}
    {% assign megamenu_item = block.settings[cap_megamenu_item] | handleize %}

    {% if megamenu_item == cat %}
    {% assign is_megamenu = true %}
    {% assign block_style = block.type %}

    {%- assign title_featured_product = block.settings.title_featured_product -%}
    {%- assign featured_product = block.settings.featured_product -%}
    {%- assign product = all_products[featured_product] -%}

    {%- assign banner_first_style = block.settings[cap_banner_first_style] -%}
    {%- assign link_banner_first_style = block.settings[cap_link_banner_first_style] -%}

    {%- assign banner_second_style = block.settings[cap_banner_second_style] -%}
    {%- assign link_banner_second_style = block.settings[cap_link_banner_second_style] -%}

    {%- assign banner_third_style = block.settings[cap_banner_third_style] -%}
    {%- assign link_banner_third_style = block.settings[cap_link_banner_third_style] -%}
    {% endif %}
    {% endif %}
    {% endfor %}

    {% endfor %}

    {% endif %}

    {% if section.settings.enable_sale %}
    {% assign sale_item = section.settings.sale_item | split:“,” | strip | downcase | handle %}
    {% assign sale = link.title | downcase | handle %}
    {% endif %}

    {% if section.settings.enable_new %}
    {% assign new_item = section.settings.new_item | split:“,” | strip | downcase | handle %}
    {% assign new = link.title | downcase | handle %}
    {% endif %}

    {% if section.settings.enable_hot %}
    {% assign hot_item = section.settings.hot_item | split:“,” | strip | downcase | handle %}
    {% assign hot = link.title | downcase | handle %}
    {% endif %}

  • {{ link.title }}

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



    {% endif %}
    {% if block_style == “style_7” %}


    {% endif %}

    {% if sale_item contains sale %}

    {{ section.settings.lb_sale }}

    {% endif %}

    {% if new_item contains new %}

    {{ section.settings.lb_new }}

    {% endif %}

    {% if hot_item contains hot %}

    {{ section.settings.lb_hot }}

    {% endif %}

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

    {{ link.title }}

    {% comment %}
    Check if menu item is Mega menu
    {% endcomment %}

    {% assign link_child = link.handle %}

    {% if section.settings.display_megamenu and is_megamenu %}

    {% include 'mega-menu' with link_child %}

    {% else %}

    {% if linklists[link.handle] != empty %}
    {% include ‘adv-dropdown’ with link_child %}
    {% endif %}

    {% endif %}

    {% endif %}

    {% if block_style == “style_7” %}

    {{ link.title }}
    {% include 'mega-menu' %}
    {% endif %}
    • {% endfor %}