Към основното съдържание

Настройки за дизайн на мобилната версия

Персонализиране на визуалния стил на мобилната версия в редактора на дизайна

Актуализирано вчера

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

Можете да персонализирате дизайна за мобилната версия в Уебсайт → Дизайн → Редактор на дизайн → Мобилна версия.

Настройки на мобилната версия в редактора за дизайн — Cartum

Тук можете да персонализирате почти всички същите части на мобилната версия, както и на десктоп версията:

  • Визуален стил

  • Хедър

  • Меню

  • Футър

  • Начална страница

  • Страница на категория

  • Картичка на продукт

  • Страница на продукт

Моля, обърнете внимание: не правете глобални промени в мобилната версия, освен ако наистина не е необходимо, защото класирането в търсачките също взема предвид фактора на съвпадение на информацията между десктоп и мобилната версия. Всички сайтове на Cartum са създадени с последните изисквания за мобилно-приятелски уеб страници.

Визуален стил

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

Визуален стил на мобилната версия — Cartum

Хедър

Хедърът е през цялата горна част на блока, който се показва на всички страници на сайта. Хедърът за мобилната версия има специална структура, адаптирана към нуждите на посетителя на мобилно устройство.

Можете да зададете цвета на фона, цвета на елементите и една от трите опции за ширина на хедъра в пиксели.

Мобилният хедър има три секции с равна ширина. В този раздел за настройки можете да деактивирате определени елементи на хедъра, както и да ги премествате между секциите (колоните) на хедъра.

Хедър на мобилната версия — Cartum

Хедърът в мобилната версия може да съдържа най-важните функционални елементи, които са налични на десктоп, а именно:

  • Бутон за меню

  • Логотип

  • Икона за търсене

  • Контактна информация

  • Икона за сравнение

  • Икона за любими

  • Количка за пазаруване

Меню

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

Меню на мобилната версия — Cartum

Футър

В мобилната версия на сайта футърът има опростен вид. За футъра можете да зададете цвета на фона, цвета на елементите в него и цвета на връзките — например връзка към пълната версия на сайта.

Футър на мобилната версия — Cartum

Начална страница

Блокове на началната страница

В блока Начална страница на редактора за дизайн можете да видите реда на блоковете и банерите на началната страница на мобилната версия на вашия сайт. Също така показва кои от наличните блокове са активни.

Можете да промените реда на блоковете и банерите на началната страница, като ги плъзнете на нови места.

Можете да видите настройките за стил, налични за блока, като кликнете върху лентата на блока — панелът с настройките за блока ще се разшири.

Начална страница на мобилната версия — Cartum

Прочетете повече за всички възможни блокове на началната страница в отделна статия.

Настройка на банерни линии

Можете да добавите неограничен брой слотове за поставяне на банери — банерни линии — на началната страница.

За да добавите нова банерна линия:

  1. Кликнете върху бутона + Добавяне на банер .

  2. Изберете опцията Показване на банера във версията на уебсайта — изключително в мобилната версия или в двете версии, десктоп и мобилна.

  3. Задайте Име на банера — опитайте се да му дадете ясно име, защото по това име ще можете да идентифицирате желаната линия при работа с банери в бъдеще.

  4. Изберете Шаблон на банера от падащия списък. Пълен списък с наличните шаблони можете да намерите в статията Банери за мобилната версия.

  5. Задайте размерите, маржовете и радиуса на ъглите за банерите в тази линия.

  6. Запазете промените си.

Настройки на банерите за мобилната версия — Cartum

Моля, обърнете внимание: отделни банери за десктоп версията могат да бъдат зададени в Уебсайт → Дизайн → Редактор на дизайн → Начална страница.

Банерната линия няма да се показва на уебсайта, докато не добавите съответните изображения в Уебсайт → Банери.

Страница на категория

За страницата на каталога в мобилната версия можете да зададете параметрите за показване на следните елементи:

  • Панел за сортиране и показване

  • Филтри

  • Меню на подкатегории

Страница на категорията за мобилната версия — Cartum

Картичка на продукт

На мобилни устройства мини-картичката не се променя при задържане на курсора върху нея, затова добавихме опции, които позволяват да промените информацията на картичката специално за мобилни устройства.

Картичка на продукт за мобилната версия — Cartum

Страница на продукт

Оформлението на страницата на продукта в мобилната версия се състои от четири секции, които можете да видите в този раздел за настройки. На мобилни телефони секциите са разположени последователно една след друга: горна, лява, дясна и накрая долна. На таблети лявата и дясната секции ще бъдат разположени една до друга.

За мобилната версия на сайта можете да промените местоположението на групи от елементи и отделни елементи в оформлението на страницата, като премествате панелите на елементите между секциите и променяте техния ред, както и да активирате/деактивирате отделни елементи според нуждите.

Страница на продукт за мобилната версия — Cartum
Това отговори ли на въпроса ви?