Перейти к содержимому


Стили Поиска


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 22 Май 2016 - 09:11

Аккаунт SL-381850

Помогите пожалуйста изменить цветовое решение в десктопной и мобильной версии:

1. В шапке дескотопной версии:
- поле ввода поиска товара изменить на белый с серым бордюром, цвет штифта черный (скрин прилагаю)

2. В мобильной версии:
- также поле ввода поиска товара изменить на белый с серым бордюром, цвет шрифта черный.
- Поле пунктов меню заменить с черного на синий (как в десктопной версии), цвет шрифта белый (скрин прилагаю)

Спасибо!

Прикрепленные изображения

  • search.jpg
  • search-mob.jpg


#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 22 Май 2016 - 10:59

Просмотр сообщенияAst (22 Май 2016 - 09:11) писал:

Аккаунт SL-381850

Помогите пожалуйста изменить цветовое решение в десктопной и мобильной версии:

1. В шапке дескотопной версии:
- поле ввода поиска товара изменить на белый с серым бордюром, цвет штифта черный (скрин прилагаю)

2. В мобильной версии:
- также поле ввода поиска товара изменить на белый с серым бордюром, цвет шрифта черный.
- Поле пунктов меню заменить с черного на синий (как в десктопной версии), цвет шрифта белый (скрин прилагаю)

Спасибо!

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#header input[type="text"],
#header select {border: none;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #868686;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #2F2F2F;}

Замените на:
#header input[type="text"],
#header select {border: 1px solid #868686;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #000;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #fff;}

Найдите код:
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer}
.nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}

Замените на:
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #4d67ac;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer;}
.nav-container .menu_block_head_button{background: url('{ASSETS_IMAGES_PATH}select-icons1.png?design=movement') 10px 15px no-repeat;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer;background-color: rgba(77,103,172,0.6);}

Абсолютно точно, как указано у Вас со стрелкой меню не получится, поскольку она является картинкой и при заливке полностью синим цветом ее не будет видно.

#3 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 22 Май 2016 - 12:46

Просмотр сообщенияFirefly (22 Май 2016 - 10:59) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
#header input[type="text"],
#header select {border: none;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #868686;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #2F2F2F;}

Замените на:
#header input[type="text"],
#header select {border: 1px solid #868686;padding: 0;outline: none !important;font: 12px/20px Calibri;color: #000;margin: 0;width: 200px;max-width: 100%;display: block;margin-bottom: 20px;background: #fff;}

Найдите код:
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer}
.nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer}

Замените на:
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #4d67ac;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer;}
.nav-container .menu_block_head_button{background: url('{ASSETS_IMAGES_PATH}select-icons1.png?design=movement') 10px 15px no-repeat;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer;background-color: rgba(77,103,172,0.6);}

Абсолютно точно, как указано у Вас со стрелкой меню не получится, поскольку она является картинкой и при заливке полностью синим цветом ее не будет видно.
Стрелку нарисовал новую, заменил.
Тестировал на iphone 4s в вертикальном положении выпадающее меню показывается с черным фоном (должен быть синим). При повороте телефона в горизонтальное положение, фон выпадающего меню становится синим, но кнопка со стрелкой - черная. Видимо нужно еще поменять стиль с другой шириной экрана?

Еще заметил проблему что в мобильной версии не раскрывается выпадающее меню на внутренних страницах.

#4 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 22 Май 2016 - 13:06

Подскажите пожалуйста еще как убрать строчку о количестве товаров в категории?

Прикрепленные изображения

  • kategorii.png


#5 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 22 Май 2016 - 14:12

Просмотр сообщенияAst (22 Май 2016 - 13:06) писал:

Подскажите пожалуйста еще как убрать строчку о количестве товаров в категории?

Внесли Вам изменения. Проверьте, пожалуйста.

#6 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 22 Май 2016 - 14:31

Просмотр сообщенияFirefly (22 Май 2016 - 14:12) писал:

Внесли Вам изменения. Проверьте, пожалуйста.
Всё отлично! Спасибо огромное!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных