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


Хелп, Шрифт,увеличение,меню

Помогите

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

#1 Den1992

Den1992

    Продвинутый пользователь

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

Отправлено 19 Октябрь 2015 - 15:15

День добрый помогите  с текущими проблемами!
1. На скриншоте видно! Как сделать Цену и название товара пожирней!
2. На 2 скриншоте При наведение на кнопки (Новинки,Товар дня и т.д) как убрать увеличение при наведение на них!
3. И самое главное и важное на скриншоте видно! НУжно сделать меню что бы при наведение раскрывалось и при прокрутки страници полоса с меню тоже двигалась ! Пример как на сайте одежды пулл-бир. ЗНАЮ что темы с меню уже существуют но читая их очень много раз ошибались и исправляли, мне нужно такое же меню как на скриншоте!   СПАСИБО) Если помощь с меню платная то скажите мне!

Аккаунт

359568

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

  • 1.jpg
  • 2.jpg
  • 3.jpg


#2 Firefly

Firefly

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

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

Отправлено 19 Октябрь 2015 - 16:33

Просмотр сообщенияDen1992 (19 Октябрь 2015 - 15:15) писал:

День добрый помогите  с текущими проблемами!
1. На скриншоте видно! Как сделать Цену и название товара пожирней!
2. На 2 скриншоте При наведение на кнопки (Новинки,Товар дня и т.д) как убрать увеличение при наведение на них!
3. И самое главное и важное на скриншоте видно! НУжно сделать меню что бы при наведение раскрывалось и при прокрутки страници полоса с меню тоже двигалась ! Пример как на сайте одежды пулл-бир. ЗНАЮ что темы с меню уже существуют но читая их очень много раз ошибались и исправляли, мне нужно такое же меню как на скриншоте!   СПАСИБО) Если помощь с меню платная то скажите мне!

Аккаунт

359568



Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.price-box {color: #e1464d;font-family: 'Open Sans Condensed', sans-serif;font-weight: 300;}

Замените на:
.price-box {color: #e1464d;font-family: 'Open Sans Condensed', sans-serif;font-weight: 600;}

Найдите код:
.product-name a, .category-name a {line-height:100%;max-height:46px;overflow:hidden;display:block;font-weight: 300;font-family: 'Open Sans Condensed', sans-serif;}

Замените на:
.product-name a, .category-name a {line-height:100%;max-height:46px;overflow:hidden;display:block;font-weight: 600;font-family: 'Open Sans Condensed', sans-serif;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.respl-tabs-container .respl-tabs-wrap ul li.respl-tab:hover {padding: 28px 33px;margin: -9px;z-index: 1;position: relative;cursor: pointer;-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);}

Замените на:
.respl-tabs-container .respl-tabs-wrap ul li.respl-tab:hover {padding: 16px 25px;/* margin: -9px; */z-index: 1;position: relative;cursor: pointer;-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);}

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

#3 Den1992

Den1992

    Продвинутый пользователь

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

Отправлено 20 Октябрь 2015 - 20:40

Просмотр сообщенияFirefly (19 Октябрь 2015 - 16:33) писал:

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.price-box {color: #e1464d;font-family: 'Open Sans Condensed', sans-serif;font-weight: 300;}

Замените на:
.price-box {color: #e1464d;font-family: 'Open Sans Condensed', sans-serif;font-weight: 600;}

Найдите код:
.product-name a, .category-name a {line-height:100%;max-height:46px;overflow:hidden;display:block;font-weight: 300;font-family: 'Open Sans Condensed', sans-serif;}

Замените на:
.product-name a, .category-name a {line-height:100%;max-height:46px;overflow:hidden;display:block;font-weight: 600;font-family: 'Open Sans Condensed', sans-serif;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.respl-tabs-container .respl-tabs-wrap ul li.respl-tab:hover {padding: 28px 33px;margin: -9px;z-index: 1;position: relative;cursor: pointer;-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);}

Замените на:
.respl-tabs-container .respl-tabs-wrap ul li.respl-tab:hover {padding: 16px 25px;/* margin: -9px; */z-index: 1;position: relative;cursor: pointer;-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);}

3. По реализации данного меню Вы можете обратиться в наш отдел платной доработки либо через обратную связь, либо по адресу Изображение, указав в теме письма "Платная доработка".
По 3 пункту! Я писал но письмо почему то не доходит ! И кстати вроде есть темы где это меню делают бесплатно!...
и Ещё проблемка на главной стр при нажатие на " НОВИНКИ" "Хиты" вылазит ошобка. При нажатие на Товар дня ошибки нет!

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

  • 2.png


#4 Den1992

Den1992

    Продвинутый пользователь

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

Отправлено 21 Октябрь 2015 - 15:53

Просмотр сообщенияFirefly (19 Октябрь 2015 - 16:33) писал:

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.price-box {color: #e1464d;font-family: 'Open Sans Condensed', sans-serif;font-weight: 300;}

Замените на:
.price-box {color: #e1464d;font-family: 'Open Sans Condensed', sans-serif;font-weight: 600;}

Найдите код:
.product-name a, .category-name a {line-height:100%;max-height:46px;overflow:hidden;display:block;font-weight: 300;font-family: 'Open Sans Condensed', sans-serif;}

Замените на:
.product-name a, .category-name a {line-height:100%;max-height:46px;overflow:hidden;display:block;font-weight: 600;font-family: 'Open Sans Condensed', sans-serif;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.respl-tabs-container .respl-tabs-wrap ul li.respl-tab:hover {padding: 28px 33px;margin: -9px;z-index: 1;position: relative;cursor: pointer;-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);}

Замените на:
.respl-tabs-container .respl-tabs-wrap ul li.respl-tab:hover {padding: 16px 25px;/* margin: -9px; */z-index: 1;position: relative;cursor: pointer;-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);}

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

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

  • 3.png


#5 Danil

Danil

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

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

Отправлено 21 Октябрь 2015 - 15:56

Просмотр сообщенияDen1992 (21 Октябрь 2015 - 15:53) писал:

По поводу текста ! Получилось шикарно честно! Но вот в категориях не видно полного названия! как быть?
На скрине видно проблему
Можно немного уменьшить шрифт, для этого в main.css найдите код
.category-name {
	color: #1e1e1e;
	font-weight: normal;
	margin: 0 0 4px;
	font-size: 200%;
}
и замените на
.category-name {
	color: #1e1e1e;
	font-weight: normal;
	margin: 0 0 4px;
	font-size: 166%;
}


#6 Den1992

Den1992

    Продвинутый пользователь

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

Отправлено 21 Октябрь 2015 - 16:26

Просмотр сообщенияDanil (21 Октябрь 2015 - 15:56) писал:

Можно немного уменьшить шрифт, для этого в main.css найдите код
.category-name {
color: #1e1e1e;
font-weight: normal;
margin: 0 0 4px;
font-size: 200%;
}
и замените на
.category-name {
color: #1e1e1e;
font-weight: normal;
margin: 0 0 4px;
font-size: 166%;
}
Быстро! Спасибо :ph34r: Но все равно как то не умещаеться! Как расширить серую рамку в низ? может поможет

#7 Den1992

Den1992

    Продвинутый пользователь

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

Отправлено 21 Октябрь 2015 - 17:16

Как переместить кнопку в право на скрине\



Все решил спасибо

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

  • 5.png


#8 Danil

Danil

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

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

Отправлено 21 Октябрь 2015 - 17:24

Просмотр сообщенияDen1992 (21 Октябрь 2015 - 17:16) писал:

Как переместить кнопку в право на скрине
В конец main.css добавьте
.rating {
	float: left;
}
.product-info > form {
	float: left;
	margin-left: 92px;
	margin-top: 2px;
}






Темы с аналогичным тегами Помогите

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

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