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


Вопрос По Оформлению И Верхнему Меню


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

#1 GSkom

GSkom

    Пользователь

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

Отправлено 13 Декабрь 2017 - 09:17

Доброе утро!
Подскажите как сделать
1) Как убрать эту полосу разделитель?
2) Верхнее меню сделать в заливке, как на примере и еще как поменять и увеличить шрифт верхнего меню?
3) В каталоге слева при развертке, подменю выделяется серым цветом. Как убрать этот серый цвет?
Спасибо.

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

  • 6.jpg


#2 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 13 Декабрь 2017 - 10:07

Просмотр сообщенияGSkom (13 Декабрь 2017 - 09:17) писал:

Доброе утро!
Подскажите как сделать
1) Как убрать эту полосу разделитель?
2) Верхнее меню сделать в заливке, как на примере и еще как поменять и увеличить шрифт верхнего меню?
3) В каталоге слева при развертке, подменю выделяется серым цветом. Как убрать этот серый цвет?
Спасибо.

Здравствуйте.
1. В шаблоне main.css найдите, пожалуйста, данный код:

 #header-fluid {
	position: relative;
	background: #fffaf0;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	z-index: 10;
}


И замените его вот этим вот кодом:

#header-fluid {
	position: relative;
	background: #fffaf0;
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	z-index: 10;
}



2. Далее там же найдите, пожалуйста, следующий код:

#megamenu {
	position: absolute;
	height: 54px;
	top: 90px;
	left: 238px;
}

И замените его вот этим кодом:

#megamenu {
	position: absolute;
	height: 45px;
	line-height: 0px;
	top: 90px;
	left: 238px;
	background: #76ff76;
	width: 950px;
}


3. К сожалению у Вас пока отсутствуют в каталоге товаров подменю.

#3 GSkom

GSkom

    Пользователь

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

Отправлено 13 Декабрь 2017 - 10:19

по 1 пункту и 2 понятно. Только не ответили, как в верхнем меню поставить другой шрифт и поменять его размер?

#4 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 13 Декабрь 2017 - 10:33

Просмотр сообщенияGSkom (13 Декабрь 2017 - 10:19) писал:

по 1 пункту и 2 понятно. Только не ответили, как в верхнем меню поставить другой шрифт и поменять его размер?

Для этого Вам необходимо в шаблоне main.css найти следующий код:

#megamenu li .root_link {
	color: #666666;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
}

И заменить его вот этим вот кодом:

#megamenu li .root_link {
	color: #666666;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
}


Далее там же найдите, пожалуйста, следующий код:

#megamenu li.root_menu {
	padding: 25px 8px 5px 8px;
	float: left;
	position: relative;
}

И замените его вот этим кодом:

#megamenu li.root_menu {
	padding: 23px 8px 5px 8px;
	float: left;
	position: relative;
}


#5 GSkom

GSkom

    Пользователь

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

Отправлено 13 Декабрь 2017 - 11:13

Получилось с верхним меню. Еще есть вопросы.

1)Возвращаясь к первому запросу. Сделал подменю в каталоге,чтобы видно было. Надо убрать серую заливку в разворачивающемся подменю.
2) Как в сортировке убрать лишнее? Оставить сортировку только:
   - по цене (2шт)
   - по названию (2шт).
3) В выборе товара оставить только "Описание товара" и "Отзывы о товаре".  Вкладку "Условия доставки" вообще убрать.

Спасибо.

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

  • 7.jpg
  • 8.jpg


#6 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 13 Декабрь 2017 - 11:27

Просмотр сообщенияGSkom (13 Декабрь 2017 - 11:13) писал:

Получилось с верхним меню. Еще есть вопросы.

1)Возвращаясь к первому запросу. Сделал подменю в каталоге,чтобы видно было. Надо убрать серую заливку в разворачивающемся подменю.
2) Как в сортировке убрать лишнее? Оставить сортировку только:
   - по цене (2шт)
   - по названию (2шт).
3) В выборе товара оставить только "Описание товара" и "Отзывы о товаре".  Вкладку "Условия доставки" вообще убрать.

Спасибо.

В шаблоне style.css найдите, пожалуйста, данный код:

.accordion li ul li {
	background: #f7f6f4;
}

И замените его вот этим вот кодом:

.accordion li ul li {
	background: #ffffff;
}


И далее в шаблоне Товар найдите, пожалуйста, следующий код:

	<!-- Если есть характеристики товара -->
	{% IFNOT goods_features_empty %}
	  <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
	{% ENDIF %}

	<!-- Если есть информация о доставке товара -->
	{% IFNOT goods_delivery_empty %}
	  <li><a href="javascript:tabSwitch(3);" id="tab_3">Условия доставки</a></li>
	{% ENDIF %}

	<!-- Если подключен модуль отзывов о товарах -->

И замените его этим вот кодом:

	<!-- Если есть характеристики товара -->
	{% IFNOT goods_features_empty %}
	  <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
	{% ENDIF %}

	<!-- Если подключен модуль отзывов о товарах -->


#7 GSkom

GSkom

    Пользователь

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

Отправлено 13 Декабрь 2017 - 11:55

два из трех все получилось. Остался вопрос:
Как в сортировке убрать лишнее? Оставить сортировку только:
   - по цене (2шт)
   - по названию (2шт).

#8 GSkom

GSkom

    Пользователь

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

Отправлено 13 Декабрь 2017 - 16:01

Товарищи, так и замылили мой вопрос под циферкой 2. Как в сортировке товара оставить только:
   - по цене (2 штуки)
   - по названию (А - Я,  Я - А)  ???
Остальное нужно убрать.

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

  • 7.jpg


#9 GSkom

GSkom

    Пользователь

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

Отправлено 14 Декабрь 2017 - 14:49

Добрый день.
Как вообще убрать сортировку внизу товара. См. скрин.

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

  • 9.jpg


#10 GSkom

GSkom

    Пользователь

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

Отправлено 14 Декабрь 2017 - 14:59

Снимаю вопрос, сам разобрался.




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

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