Помощ
Влизане

Настройване на падащи менюта във Вашия онлайн магазин

Можете да използвате падащи менюта, за да групирате продукти, колекции или страници и да улесните клиентите при навигацията в онлайн магазина Ви. Например, ако имате много продукти, може да искате да ги добавите в колекции и след това да използвате падащо меню от главното меню, за да организирате колекциите. Това може да помогне на клиентите да намерят вида продукти, които търсят.

Можете също така да добавяте, премахвате или редактирате елементи от менюто в падащи менюта или в менютата си по подразбиране.

Можете да преглеждате и променяте менютата на Вашия онлайн магазин от Съдържание > Менюта в администраторския панел на Shopify.

На тази страница

Влагане на елементи от менюто за изграждане на падащи менюта

Можете да изграждате падащи менюта, като създавате или местите елементи от менюто, така че те да са вложени под елемент от най-високо ниво. Елементът от най-високо ниво се показва в главното меню на Вашия онлайн магазин, а вложените елементи от менюто се показват в падащо меню. Елементът от най-високо ниво може да има до две нива на вложени падащи менюта.

Всички теми ще показват вложените елементи като падащи менюта от главното меню, а някои теми ще ги показват като падащи менюта и на други места.

Главното меню и падащите менюта се показват на различни места във Вашия онлайн магазин в зависимост от Вашата тема. Някои теми показват икона до името на падащото меню в главното меню, за да помогнат на клиентите да разберат, че има такова.

Добавяне на падащо меню от главното меню

Можете да добавите падащо меню от всеки от елементите в главното меню.

Стъпки:

Настолен компютър

  1. От Вашия администраторски панел на Shopify отидете на Съдържание > Менюта.

  2. Кликнете върху името на главното си меню.

  3. Изберете един от елементите на главното меню, който да бъде заглавката на Вашето падащо меню, или добавете нов елемент в менюто. Ако не искате заглавката да води към нищо, въведете # в полето Търсене или поставяне на връзка за елемента от менюто на заглавката.

  4. За да добавите елемент от менюто, който да включите в падащото меню, изпълнете следните задачи:

    1. Кликнете върху Добавяне на елемент в менюто.
    2. В полето Име въведете име за елемента от менюто си.
    3. В полето Търсене или поставяне на връзка въведете или изберете дестинация за Вашия елемент от менюто.

  5. Кликнете върху Добави, след което кликнете върху Плъзгане и плъзнете елемента от менюто, за да го вложите под елемента от менюто на заглавката.

  6. Кликнете върху Запазване на менюто.

Мобилно устройство

  1. От приложението Shopify докоснете иконата Menu.

  2. В менюто Съдържание докоснете иконата arrow down, а след това докоснете Менюта.

  3. Докоснете името на Вашето главно меню.

  4. Изберете един от елементите на главното меню, който да бъде заглавката на Вашето падащо меню, или добавете нов елемент в менюто, който да служи за заглавка. Ако не искате заглавката да води към връзка, въведете # в полето Търсене или поставяне на връзка за елемента от менюто, който е заглавка.

  5. За да добавите елемент от менюто, който да включите в падащото меню, изпълнете следните задачи:

    1. Докоснете Добавяне на елемент в менюто.
    2. В полето Име въведете име за елемента от менюто си.
    3. В полето Търсене или поставяне на връзка въведете или изберете дестинация за Вашия елемент от менюто.

  6. Докоснете Добавяне, а след това докоснете Drag и плъзнете елемента от менюто, за да го вложите под елемента, който е заглавка.

  7. Докоснете Запазване или ✓.

Падащи менюта могат да бъдат внедрени и в менютата на долния колонтитул.

Стъпки:

  1. От Вашия администраторски панел на Shopify отидете на Съдържание > Менюта.
  2. По избор: Следвайте същите принципи на влагане, използвани за главните менюта, като например плъзгане на елементи от менюто под елемент за заглавка, за да създадете структура на падащо меню, като щракнете върху Drag и плъзнете елементите на място.
  3. Въведете # в полето Връзка за елементи-заглавки, които не трябва да водят към страница (например заглавки „Поддръжка“ или „Разглеждане“).

Съображения за съвместимост с темите

Прегледайте следните съображения за добавяне на падащи менюта към Вашата тема:

  • Повечето теми поддържат до две нива на вложени падащи менюта. Проверете документацията на Вашата тема или тествайте вложените елементи, за да потвърдите съвместимостта.
  • Някои теми може да изискват корекции на CSS, за да се подобри използваемостта на мобилни устройства. Не персонализирайте Вашата тема, ако не сте запознати с кода ѝ. Научете повече за персонализирането на Вашата тема.

Определяне дали Вашата тема поддържа вложени падащи менюта

За да определите дали текущата Ви тема поддържа максималния брой нива на вложени падащи менюта, които искате да внедрите, можете да използвате следните ресурси:

  1. Проверете документацията на темата си: Прегледайте документацията на темата за конкретна информация относно функционалностите на менюто и поддържаните нива на влагане.
  2. Тествайте вложените елементи: Създайте тестова структура на менюто с желания от Вас брой вложени нива и проверете дали се показва правилно както на настолни компютри, така и на мобилни устройства.

Повечето теми поддържат до две нива на вложени падащи менюта. Ако имате проблеми с падащите менюта, проверете дали Вашата тема поддържа броя на вложените нива, които се опитвате да внедрите, тъй като някои теми може да изискват допълнително персонализиране, за да поддържат множество нива на влагане.

Най-добри практики за падащи менюта

Прегледайте следните най-добри практики за създаване на полезна структура на менюто, която работи добре на всички устройства:

  • Използвайте описателни етикети, като например „Пазаруване по категория“, за елементи от менюто от най-високо ниво с връзки #.
  • Уверете се, че менютата са оптимизирани за мобилни устройства. Можете да тествате менютата на мобилни устройства, за да потвърдите, че падащите менюта се разгъват според очакванията.
  • Добавете седем или по-малко елементи в менюто от най-високо ниво, за да избегнете претрупване.
  • Използвайте ясни и описателни заглавия на връзките. Например „Колекции“ и „Летни рокли“.
  • Всяко меню може да има до 10 000 елемента, а магазинът Ви може да има общо до 1 000 менюта. Всеки елемент от менюто с под-елементи в падащо меню се брои като отделно меню към този лимит.

Достъпност на падащото меню

Повечето теми имплементират заглавките на падащите менюта като бутони, а не като връзки, върху които може да се щракне. Това е умишлен дизайн за достъпност, който помага на клиентите, използващи помощни технологии, да разберат структурата на навигацията.

Когато елемент от менюто от най-високо ниво контролира падащо подменю, той функционира като бутон за разгъване на менюто, а не като връзка към нова страница. Този подход гарантира, че клиентите, използващи екранни четци или други помощни устройства, могат правилно да навигират в системата от менюта на Вашия магазин.

Ако искате клиентите да имат достъп до страница с основна категория (като например „Всички продукти“ или „Всички колекции“), тогава я добавете като първи елемент в самото падащо меню, вместо да правите заглавката кликаема.

Отстраняване на често срещани проблеми

Прегледайте следните решения на често срещани проблеми, които може да срещнете при настройването на навигационни менюта:

  • Пренасочвания на мобилно меню: Ако връзка от меню от най-високо ниво пренасочва към нова страница, когато я докоснете, тогава проверете менюто в своя администраторски панел на Shopify, за да потвърдите, че полето за връзка на менюто е #.

  • Проблеми с видимостта: Ако вложените елементи не се показват, уверете се, че са плъзнати изцяло под елемента-заглавка и са с отстъп в интерфейса на Менюта. Потвърдете, че Вашата тема поддържа броя на вложените нива, които сте задали.

  • Съвместимост на темата: Ако имате проблеми с падащите менюта, проверете дали Вашата тема поддържа броя на вложените нива, които се опитвате да внедрите. Някои теми може да изискват допълнително персонализиране, за да поддържат множество нива на влагане.

  • Блокирано създаване на вложено меню: Ако срещнете грешката „Менюто не може да съдържа вложени менюта. Включете се във функцията за вложена навигация, за да използвате това.“, тогава може да се наложи Вашият магазин да активира функцията за вложена навигация. Това обикновено засяга магазини, създадени преди 2018 г. Свържете се с екипа на Shopify за поддръжка, ако срещнете тази грешка.

  • Показва се грешно меню: Ако имате множество навигационни връзки, сочещи към една и съща страница (като Вашата начална страница), тогава Вашата тема може да покаже грешното подменю. Уверете се, че всяка навигационна секция води към уникална страница, за да се избегне объркване.

  • Изчезващи елементи от менюто: Ако връзките в менюто изчезват, без да са изтрити, проверете дали не сте изтрили продуктите, колекциите или страниците, към които са водели елементите от менюто. Изтриването на свързания ресурс премахва и елемента от менюто.

Персонализиране на кода на темата за падащи менюта

За теми, изискващи по-задълбочено персонализиране, можете да обмислите персонализиране на кода на Вашата тема.