Начать новую тему

Вопросы по оформлению

Привет, любимая поддержка Мерчиума! Я буду задавать вам очень много вопросов, готовьтесь =D
Номер скриншота соответствует номеру вопроса.

1) Сделала меню по центру по рекомендации из этого топика http://help.merchium.ru/support/discussions/topics/1000053128
Как можно пункты подменю выровнять по левой стороне? 
После того, как выровняла меню по центру, меню в мобильной версии стало кривым. Скриншот тут.


2) Как строку "ПОПУЛЯРНЫЕ КАТЕГОРИИ"  поместить в центр полосы? И как изменить цвет полосы на нужный.


3) Нужно сделать расстояние между категорями равным расстоянию между полосой и блоком "Баннер". Как тогда изменится размер картинки? Сейчас стоит 240.


4) Сместились значки соц сетей, как выровнять?


5) Ширина макета 960. Но ширина блока подписки осталась прежней. Как изменить на 960?


6) Как можно изменить цвет выделения выбранной категории?


7) Как можно изменить цвет строки фильтра и и цвет  шрифта?


8) Можно ли в каталоге: добавить кнопку "Купить" или "В корзину" рядом с кнопкой "Просмотр". Как можно добавить иконку корзины в центре превью при наведении? Можно ли сделать кнопку "Просмотр" по середине превью (на нем)  или выровнять по центру, а не слева? Можно ли менять текст на кнопках?

9) Я хочу поместить мой блок "Преимущества" на страницу макета "Домашняя", но он встает криво, а блок с баннером превращается в маленькую ерунду где-то справа. При размещении блока на макете по умолчанию все ок.

10) Мне нужна верхняя панель с текстовыми ссылками. Как настроить?

Спасибо :)

png
(103 KB)
png
(806 KB)
png
(89.1 KB)
png
(59.8 KB)
png
(79.5 KB)
png
(142 KB)
png
(65.1 KB)
png
(1.37 MB)
png
(688 KB)
png
(275 KB)

Здравствуйте!


Спасибо, что обратились к нам.

> 1) Сделала меню по центру по рекомендации из этого топика http://help.merchium.ru/support/discussions/topics/1000053128

Как можно пункты подменю выровнять по левой стороне? 


Для изменения стиля указанных элементов при выравнивании по левому краю мы рекомендуем воспользоваться CSS свойством text-align для селектора

 

.ty-menu__submenu-items .ty-menu__submenu-item

 

 > После того, как выровняла меню по центру, меню в мобильной версии стало кривым. Скриншот тут.

К сожалению, модификация из темы http://help.merchium.ru/support/discussions/topics/100005312 не учитывает отображение меню в мобильной версии магазина. Если данная модификация не устраивает вас, вы можете убрать ее и обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или воспользоваться услугами наших партнеров в Маркете Мерчиума.


> 2) Как строку "ПОПУЛЯРНЫЕ КАТЕГОРИИ" поместить в центр полосы?


Мы рекомендуем воспользоваться CSS свойством margin-left для селектора

 

.ty-sidebox-important__title-wrapper

 

> И как изменить цвет полосы на нужный.


Мы рекомендуем воспользоваться CSS свойством background для селектора

 

.ty-sidebox-important__title

 

> 3) Нужно сделать расстояние между категорями равным расстоянию между полосой и блоком "Баннер". Как тогда изменится размер картинки? Сейчас стоит 240.


К сожалению, ваш запрос не совсем понятен. Пожалуйста, уточните.


> 4) Сместились значки соц сетей, как выровнять?


Для этого, пожалуйста, следуйте инструкции ниже:


1. В панели администратора вашего магазина откройте страницу Дизайн > Макеты > По умолчанию.

2. Нажмите на иконку-шестерёнку в секции где находится блок Подписаться.

3. В списке с выбором Ширина выберите пункт 7.

4. Нажмите на кнопку Сохранить.

5. Нажмите на иконку-шестерёнку в секции где находится блок Социальные ссылки.

6. В списке с выбором Ширина выберите пункт 9.

7. Нажмите на кнопку Сохранить.


Пожалуйста, проверьте.


> 5) Ширина макета 960. Но ширина блока подписки осталась прежней. Как изменить на 960?


Для этого, пожалуйста, следуйте инструкции ниже:


1. В панели администратора вашего магазина откройте страницу Дизайн > Темы.

2. Нажмите на кнопку Редактировать дизайн напротив используемого стиля.

3. В Редакторе тем в списке с выбором Редактировать выберите пункт Фон.

4. В секции Подвал нажмите на кнопку-шестерёнку и измените положение бегунка Полная ширина на Нет.

5. Нажмите на кнопку Сохранить.


Пожалуйста, проверьте.


> 6) Как можно изменить цвет выделения выбранной категории?


Мы рекомендуем вам обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или воспользоваться услугами наших партнеров в Маркете Мерчиума.


> 7) Как можно изменить цвет строки фильтра


Мы рекомендуем воспользоваться CSS свойством background для селектора

 

.ty-sort-container

 

> и и цвет шрифта?


Мы рекомендуем воспользоваться CSS свойством color для селектора

 

.ty-sort-dropdown__wrapper

 

> 8) Можно ли в каталоге: добавить кнопку "Купить" или "В корзину" рядом с кнопкой "Просмотр". Как можно добавить иконку корзины в центре превью при наведении?


Мы рекомендуем вам обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или воспользоваться услугами наших партнеров в Маркете Мерчиума.


> Можно ли сделать кнопку "Просмотр" по середине превью (на нем) или выровнять по центру, а не слева?


Мы рекомендуем воспользоваться CSS свойством margin-left для селектора

 

.ty-btn__secondary

 

> Можно ли менять текст на кнопках?


Вы можете изменить текст кнопок В корзину и Просмотр. Для этого следуйте инструкции ниже:


1. В панели администратора вашего магазина откройте страницу Администрирование > Языки > Переводы.

2. Введите add_to_cart (quick_view) в поле ввода Ключевые слова и нажмите на кнопку Найти.

3. Измените значение языковой переменной в текстовом поле Значение.

4. Нажмите на кнопку Сохранить.


Пожалуйста, проверьте.


> 9) Я хочу поместить мой блок "Преимущества" на страницу макета "Домашняя", но он встает криво, а блок с баннером превращается в маленькую ерунду где-то справа. При размещении блока на макете по умолчанию все ок.


Для того чтобы исправить данную проблему, пожалуйста, следуйте инструкции ниже:


1. В панели администратора вашего магазина, откройте страницу Дизайн > Макеты > Домашняя страница.

2. Нажмите на иконку в секции Содержимое и выберите пункт Добавить секцию.

3. В списке с выбором Ширина выберите 16 и нажмите на кнопку Создать.

4. Курсором мыши перетащите только что созданную секцию над секцией в которой находится блок ИНТЕРНЕТ МАГАЗИН GIVEITTOME.RU.

5. Перетащите из верхней секции блоки Newest productsПопулярные категории и Баннеры на главной в только что созданную секцию, оставив блок Преимущества в верхней секции.


Пожалуйста, проверьте.


> 10) Мне нужна верхняя панель с текстовыми ссылками. Как настроить?


Для этого, пожалуйста, следуйте инструкции ниже:


1. В панели администратора вашего магазина откройте страницу Дизайн > Меню.

2. Нажмите на кнопку +, чтобы добавить новое меню. Введите название меню в поле ввода Название и нажмите на кнопку Сохранить.

3. Нажмите на кнопку-шестерёнку напротив созданного меню и выберите пункт Редактировать элементы.

4. Нажмите на кнопку +, чтобы добавить новый элемент. Введите название элемента в поле ввода Название и укажите ссылку на элемент в поле ввода URL. Заполните остальные поля при необходимости.

5. Нажмите на кнопку Создать.

6. Следуйте пунктам 4 и 5 данной инструкции для создания каждого элемента меню.

7. В панели администратора вашего магазина откройте страницу Дизайн > Макеты > По умолчанию.

8. В секции Верхняя панель удалите одну Секцию 8.

9. В оставшейся Секции 8 нажмите на иконку-шестерёнку, выберите пункт 16 в списке с выбором Ширина и выберите пункт Вся ширина в списке с выбором Выравнивание содержимого. Нажмите на кнопку Сохранить.

10. В этой же секции нажмите на иконку + и выберите пункт Добавить блок.

11. Откройте вкладку Создать новый блок.

12. Выберите блок Меню. Введите название блока в поле ввода Название и выберите пункт Текстовые ссылки в списке с выбором Шаблон.

13. Откройте вкладку Содержимое и выберите созданное меню в списке с выбором Меню.

14. Нажмите на кнопку Создать.


Пожалуйста, проверьте.


Спасибо.

Со всем вроде разобралась, спасибо! Как сделать блок с категориями на всю ширину? По бокам немного не достает. И интервал между баннером и полосой "Популярные категории" меньше, чем интервал между категорями и полосой. Как его сделать одинаковым?


Здравствуйте.


Мы рады, что наши инструкции оказались полезными. Боюсь, что мы не оказываем услуги по значительным изменениям внешнего вида магазина в рамках поддержки Мерчиума. В этой ситуации мы можем предложить вам услуги наших партнеров в разделе Рекомендованные интеграторы на сайте русской версии CS-Cart. Они будут рады вам помочь.


Также вы можете обратиться к партнерам Маркета Мерчиума. 


Спасибо.

Добрый день! Как убрать кнопку купить в кредит и убрать из блока иконки с соц сетями http://joxi.ru/J2bJe4zf17ly26


Открываете МОДУЛИ>управление модулями и отключаете модули кнопок социальных сетей и купи в кредит,

@valentin0060072,

> Добрый день! Как убрать кнопку купить в кредит и убрать из блока иконки с соц сетями http://joxi.ru/J2bJe4zf17ly26


Для этого вам нужно отключить модули Купи В Кредит и Социальные кноки на упомянутой пользователем info-giveittome странице.


@info-giveittome,


Спасибо за ваш ответ.

Возможно ли пометь и добавить в шаблон что то свое и кто это может сделать?

@valentin0060072,

Здравствуйте!

Для изменения расположения блоков, добавления новых блоков в вашем магазине мы рекомендуем ознакомиться со статьями из секции Внешний вид в нашей Базе знаний:


http://help.merchium.ru/support/solutions/1000102969


Многие изменения дизайна можно сделать с помощью CSS правил. Для этого необходимо добавить CSS правила для определенных классов в секцию Пользовательские CSS редактора тем.


Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к нашим партнерам на Маркете Мерчиума или к интеграторам CS-Cart (в основе Мерчиума лежит система CS-Cart), представленным на следующей странице:  http://www.cs-cart.ru/partner-rating.html


Спасибо.


Войдите, чтобы опубликовать свой комментарий