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


Переместить Иконки, Размер, Шапка


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

#1 Сергий

Сергий

    Новичок

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

Отправлено 15 Январь 2018 - 01:10

Здравствуйте, нужна помощь!
1) Сделать шапку статичной, чтобы всегда ее было видно
2) Поменять местами "выбор категории" с "товарами на главной"
3) Уменьшить размер иконок, чтобы все пять поместились в одну строку
Аккаунт SL-433354

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

  • 11.png
  • 23.png


#2 metry

metry

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

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

Отправлено 15 Январь 2018 - 15:00

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
		<!-- Верхнее меню -->
		<div id="top-box">

замените на:

		<!-- Верхнее меню -->
		<div id="top-box1">

далее зайдите в Редактор шаблонов-->main.css и найдите:

#top-box {background-color: #00c59c;min-height: 30px;padding: 5px 0;width: 100%;}

замените на:
#top-box1 {background-color: #00c59c;min-height: 30px;padding: 5px 0;width: 100%;}

2. Далее зайдите в Редактор шаблонов-->HTML и найдите:

		  <!-- Вывод основной части -->
		  <div class="main container">
			<div class="row">
		   
			{BODY}

замените на:

		  <!-- Вывод основной части -->
		  <div class="main container">
			<div class="row">
			 {% IFNOT index_page %}
			{BODY}
			 {% ENDIF %} 

далее найдите:
			{% ENDIF %}
			<!-- END Товары на главной -->

замените на:
			{% ENDIF %}
			<!-- END Товары на главной -->
			 {% IF index_page %}
			{BODY}
			 {% ENDIF %}


#3 Сергий

Сергий

    Новичок

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

Отправлено 15 Январь 2018 - 19:29

Спасибо, но шапка работает не корректно.
Хотелось бы чтобы зеленая часть осталась вверху (забыл уточнить), а белая перестала ее закрывать. Сейчас зеленая часть внизу и белая, когда наводишь мышь, ее перекрывает.

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

  • бне2222.png
  • пер11.png


#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 17 Январь 2018 - 08:13

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.fixed-header.hidden-top #top-box {left: 0;margin-top: -32px;position: fixed;top: 0;z-index: 910;}
  
замените на:
.fixed-header.hidden-top #top-box {left: 0;margin-top: 0px;position: fixed;top: 0;z-index: 910;}

далее найдите:
.fixed-header.hidden-top .header {margin-top: 8px;top: 0;}

замените на:
.fixed-header.hidden-top .header {margin-top: 40px;top: 0;}


#5 Сергий

Сергий

    Новичок

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

Отправлено 17 Январь 2018 - 18:45

Спасибо за помощь!
Но теперь шапка перекрывает часть слайдера. Можно опустить слайдер чуть ниже.
И как решить вопрос с размером иконок? (писал выше)

#6 metry

metry

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

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

Отправлено 19 Январь 2018 - 20:04

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->Товары и найдите:

		<div class="{% IF index_page %}col-sm-3 col-md-3{% ELSE %}col-sm-4 col-md-4{% ENDIF %} cat">

замените на:

<div class="{% IF index_page %} col-sm-3 col-md-3 col-lg-1-5  {% ELSE %} col-sm-4 col-md-4 col-lg-1-5{% ENDIF %} cat">

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
.goods-cat-image-medium {max-width:200px;}

@media all and (min-width:1200px) {
.col-lg-1-5{width:20%}
}

-  оригинальные картинки слайдера являются обрезанными, поэтому кажется что шапка наезжает.




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

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