Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Как На Сайте Сделать Так, Чтобы При Скроллинге Шапка Оставалась На Месте?

Автор Скорая Керамическая Помощь, 03 марта 2017 03:24

#шапка

Назад

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 63

#41 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 17 Май 2017 - 19:37

Скорая Керамическая Помощь (17 Май 2017 - 17:09) писал:

Добрый день! А Вы скриншот посмотрели?

Здравствуйте, фильтры сделать ссылками возможно, но фильтры будут относиться только к тем товарам, которые расположены в данной категории.
товары из под категории фильтроваться не будут, если они не размещены в основной категории.
Визуально можно сверстать таким образом фильтры и описание категории, для этого придется использовать полное "описание категории" и "полное SEO описание категории". В один блок Вы добавите изображения, а в другой текст, что позволит разместить изображение и текст по бокам от фильтра, но хочу Вас предупредить, в данном случае фильтры могут быть восприняты покупателем, как описание, а не как функционал фильтрации товаров и могут быть не использованы. Все же привычнее для покупателя отдельный выделенный блок с фильтрами.

Наверх

#42 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 19 Май 2017 - 19:10

Ирина345 (17 Май 2017 - 19:37) писал:

Здравствуйте, фильтры сделать ссылками возможно, но фильтры будут относиться только к тем товарам, которые расположены в данной категории.
товары из под категории фильтроваться не будут, если они не размещены в основной категории.
Визуально можно сверстать таким образом фильтры и описание категории, для этого придется использовать полное "описание категории" и "полное SEO описание категории". В один блок Вы добавите изображения, а в другой текст, что позволит разместить изображение и текст по бокам от фильтра, но хочу Вас предупредить, в данном случае фильтры могут быть восприняты покупателем, как описание, а не как функционал фильтрации товаров и могут быть не использованы. Все же привычнее для покупателя отдельный выделенный блок с фильтрами.

Здравствуйте! Ладно, оставим пока , как есть.
Посмотрите пожалуйста скрин. Можем добавить такую колонку справа?

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

Наверх

#43 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 20 Май 2017 - 09:02

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

 <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
			  <!-- Заголовок страницы -->
			  <div class="page-title">

замените на:

{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
			<div class="col-md-3 col-xs-12 col-left">
			
			<div class="block pop_category">
				<div class="block-title"><span>Популярные категории</span></div>
				<div class="block-menu-content">
				  <ul>
					<li><a href="#">Категория 1</a></li>
					<li><a href="#">Категория 2</a></li>
					<li><a href="#">Категория 3</a></li>
					<li><a href="#>Категория 4</a></li>
					<li><a href="#">Категория 5</a></li>
				  </ul>
				</div>
			  </div>
			  
			  <div class="block pop_brand">
				<div class="block-title"><span>Популярные бренды</span></div>
				<div class="block-menu-content">
				  <ul>
					<li><a href="#">Бренд 1</a></li>
					<li><a href="#">Бренд 2</a></li>
					<li><a href="#">Бренд 3</a></li>
					<li><a href="#>Бренд 4</a></li>
					<li><a href="#">Бренд 5</a></li>
				  </ul>
				</div>
			  </div>			
			
			</div>
{% ENDIF %}
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-6 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
			  <!-- Заголовок страницы -->
			  <div class="page-title">

В добавленном блоке замените знак # на необходимые ссылки и измените текст, дополнительные категории\бренды вы можете добавлять так же по аналогии.

Далее зайдите в main.css - найдите:

.col-left .block {float: left;width: 100%;margin-bottom: 20px;}
.col-left .block:last-child {margin-bottom: 0px;}
.col-left .block-title {padding-top: 0;line-height: 30px;font-size: 16px;text-transform: uppercase;font-weight: bold;position: relative;color: #4d4d4d;margin: 0;overflow: hidden;}
.col-left .block-title span {color: #e4e4e4;position: relative;}
.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-left: 25px;}
.col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #cacaca;}

замените на:

.col-left .block, .col-right .block {float: left;width: 100%;margin-bottom: 20px;}
.col-left .block:last-child, .col-right .block:last-child {margin-bottom: 0px;}
.col-left .block-title, .col-right .block-title {padding-top: 0;line-height: 30px;font-size: 16px;text-transform: uppercase;font-weight: bold;position: relative;color: #4d4d4d;margin: 0;overflow: hidden;}
.col-left .block-title span, .col-right .block-title span {color: #e4e4e4;position: relative;}
.col-left .block-title a:before, .col-left .block-title span:before, .col-right .block-title a:before, .col-right .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-left: 25px;}
.col-left .block-title a:after, .col-left .block-title span:after, .col-right .block-title a:after, .col-right .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #cacaca;}

Наверх

#44 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 20 Май 2017 - 15:28

Vaccina (20 Май 2017 - 09:02) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

 <div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
			 <!-- Заголовок страницы -->
			 <div class="page-title">

замените на:

{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
		 <div class="col-md-3 col-xs-12 col-left">

<div class="block pop_category">
			 <div class="block-title"><span>Популярные категории</span></div>
			 <div class="block-menu-content">
				 <ul>
				 <li><a href="#">Категория 1</a></li>
				 <li><a href="#">Категория 2</a></li>
				 <li><a href="#">Категория 3</a></li>
				 <li><a href="#>Категория 4</a></li>
				 <li><a href="#">Категория 5</a></li>
				 </ul>
			 </div>
			 </div>

<div class="block pop_brand">
			 <div class="block-title"><span>Популярные бренды</span></div>
			 <div class="block-menu-content">
				 <ul>
				 <li><a href="#">Бренд 1</a></li>
				 <li><a href="#">Бренд 2</a></li>
				 <li><a href="#">Бренд 3</a></li>
				 <li><a href="#>Бренд 4</a></li>
				 <li><a href="#">Бренд 5</a></li>
				 </ul>
			 </div>
			 </div>

</div>
{% ENDIF %}
<div class="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-6 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
			 <!-- Заголовок страницы -->
			 <div class="page-title">

В добавленном блоке замените знак # на необходимые ссылки и измените текст, дополнительные категории\бренды вы можете добавлять так же по аналогии.

Далее зайдите в main.css - найдите:

.col-left .block {float: left;width: 100%;margin-bottom: 20px;}
.col-left .block:last-child {margin-bottom: 0px;}
.col-left .block-title {padding-top: 0;line-height: 30px;font-size: 16px;text-transform: uppercase;font-weight: bold;position: relative;color: #4d4d4d;margin: 0;overflow: hidden;}
.col-left .block-title span {color: #e4e4e4;position: relative;}
.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-left: 25px;}
.col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #cacaca;}

замените на:

.col-left .block, .col-right .block {float: left;width: 100%;margin-bottom: 20px;}
.col-left .block:last-child, .col-right .block:last-child {margin-bottom: 0px;}
.col-left .block-title, .col-right .block-title {padding-top: 0;line-height: 30px;font-size: 16px;text-transform: uppercase;font-weight: bold;position: relative;color: #4d4d4d;margin: 0;overflow: hidden;}
.col-left .block-title span, .col-right .block-title span {color: #e4e4e4;position: relative;}
.col-left .block-title a:before, .col-left .block-title span:before, .col-right .block-title a:before, .col-right .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-left: 25px;}
.col-left .block-title a:after, .col-left .block-title span:after, .col-right .block-title a:after, .col-right .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #cacaca;}

Добрый день! Спасибо за ответ! Не  могу найти в товарах. <divclass="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
                          
                          <div class="page-title">

Наверх

#45 Mr.Nito

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

Модераторы
1 364 сообщений

Отправлено 20 Май 2017 - 15:52

Скорая Керамическая Помощь (20 Май 2017 - 15:28) писал:

Добрый день! Спасибо за ответ! Не  могу найти в товарах. <divclass="{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}col-md-9 col-xs-12 col-right{% ELSE %}col-xs-12{% ENDIF %}">
  
  <div class="page-title">

Здравствуйте.
Данный код находится в шаблоне HTML

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

Наверх

#46 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 20 Май 2017 - 16:46

Mr.Nito (20 Май 2017 - 15:52) писал:

Здравствуйте.
Данный код находится в шаблоне HTML

Здравствуйте, Mr.Nito! Спасибо!!!

Mr.Nito (20 Май 2017 - 15:52) писал:

Здравствуйте.
Данный код находится в шаблоне HTML

Сделала все , как там было написано. Столбик почему-то добавился слева.

Наверх

#47 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 20 Май 2017 - 19:16

Помогите пожалуйста, необходимым сделать кое-какие корректировки.
Скрин в прицепе.

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

Наверх

#48 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 22 Май 2017 - 16:45

Скорая Керамическая Помощь (20 Май 2017 - 19:16) писал:

Помогите пожалуйста, необходимым сделать кое-какие корректировки.
Скрин в прицепе.

Здравствуйте. В шаблоне HTML найдите блок

{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
						<div class="col-md-3 col-xs-12 col-left">

и замените его на

{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
						<div class="col-md-3 col-xs-12 col-right">

Наверх

#49 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 22 Май 2017 - 17:08

Stasya (22 Май 2017 - 16:45) писал:

Здравствуйте. В шаблоне HTML найдите блок

{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
					 <div class="col-md-3 col-xs-12 col-left">

и замените его на

{% IF MOD_LNAME = catalog || MOD_LNAME = user || MOD_LNAME = discount || MOD_LNAME = search || MOD_LNAME = news %}
					 <div class="col-md-3 col-xs-12 col-right">

Здравствуйте! Спасибо, но не получилось (((

Наверх

#50 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 22 Май 2017 - 17:17

Добрый день! Нам нужно
1. "Популярные категории" перенести слева на право.
2. "Популярные категории" с пробелами и маркированным список вывести.
Как на скриншоте.
Спасибо !

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

Наверх

#51 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 22 Май 2017 - 17:21

Скорая Керамическая Помощь (22 Май 2017 - 17:08) писал:

Здравствуйте! Спасибо, но не получилось (((

Не увидела у Вас на сайте проделанных изменений. Не могли бы проделать их снова и оставить.

Скорая Керамическая Помощь (22 Май 2017 - 17:17) писал:

Добрый день! Нам нужно
1. "Популярные рубрики" перенести слева на право.
2. "Популярные рубрики" с пробелами и маркированным список вывести.
Как на скриншоте.
Спасибо !

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

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

Наверх

#52 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 22 Май 2017 - 17:26

Stasya (22 Май 2017 - 17:21) писал:

Не увидела у Вас на сайте проделанных изменений. Не могли бы проделать их снова и оставить.

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

Вывести , я имею в виду отображение на сайте. Как на скриншоте. То что Вы написали, я сделала. И ничего не вышло. Очень хочется , чтоб новый блок был с правой стороны.

Наверх

#53 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 22 Май 2017 - 17:29

Скорая Керамическая Помощь (22 Май 2017 - 17:26) писал:

Вывести , я имею в виду отображение на сайте. Как на скриншоте. То что Вы написали, я сделала. И ничего не вышло. Очень хочется , чтоб новый блок был с правой стороны.

Произвела Вам изменения согласно инструкции присланной мной выше.

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

Наверх

#54 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 22 Май 2017 - 17:32

Stasya (22 Май 2017 - 17:29) писал:

Произвела Вам изменения согласно инструкции присланной мной выше.

Большое спасибо! А пункт N 2 ? "Популярные рубрики" с пробелами и маркированным список вывести.

Наверх

#55 Stasya

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

Модератоpы
4 007 сообщений

Отправлено 22 Май 2017 - 17:39

Скорая Керамическая Помощь (22 Май 2017 - 17:32) писал:

Большое спасибо! А пункт N 2 ? "Популярные рубрики" с пробелами и маркированным список вывести.

Если я Вас правильно поняла, то Вам необходимо в шаблоне HTML найти код

<div class="block pop_brand">
								<div class="block-title"><span>Популярные бренды</span></div>
								<div class="block-menu-content">
								  <ul>
										<li><a href="http://tile-911.ru/catalog/FAP-ceramiche">FAP Ceramiche (ФАП Керамиче)</a></li>
										<li><a href="http://tile-911.ru/catalog/BayKer">BayKer (БайКер)</a></li>
										<li><a href="http://tile-911.ru/catalog/AltaSera">AltaCera (АльтаЧера)</a></li>
										<li><a href="http://tile-911.ru/catalog/Exagres">Exagres (Эксагрес)</a></li>
										<li><a href="http://tile-911.ru/catalog/SDS-keramik">SDS keramik (СДС Керамик)</a></li>
								  </ul>
								</div>
						  </div>

и сразу после него вставить блок

<div class="block pop_brand">
								<div class="block-title"><span>Популярные рубрики</span></div>
								<div class="block-menu-content">
								  <ul>
										<li><a href="#">Рубрика 1</a></li>
										<li><a href="#">Рубрика 2</a></li>
										<li><a href="#">Рубрика 3</a></li>
										<li><a href="#">Рубрика 4</a></li>
										<li><a href="#">Рубрика 5</a></li>
								  </ul>
								</div>
						  </div>

Наверх

#56 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 22 Май 2017 - 17:55

Новый блок появился. ((( Какие-то рубрики. (( ( Эти новые рубрики не нужны.

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

Наверх

#57 Stasya

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

Модератоpы
4 007 сообщений

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

Скорая Керамическая Помощь (22 Май 2017 - 17:55) писал:

Новый блок появился. ((( Какие-то рубрики. (( ( Эти новые рубрики не нужны.

Уточните, пожалуйста, что именно тогда необходимо туда вывести? Ранее Вы писали, что необходимо вывести Популярные рубрики.
В конец файла main.css добавьте блок

.pop_brand ul, .pop_category ul{list-style:disc;list-position:inside}

list-style-position: inside;

Наверх

#58 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 22 Май 2017 - 18:35

Stasya (22 Май 2017 - 17:59) писал:

Уточните, пожалуйста, что именно тогда необходимо туда вывести? Ранее Вы писали, что необходимо вывести Популярные рубрики.
В конец файла main.css добавьте блок

.pop_brand ul, .pop_category ul{list-style:disc;list-position:inside}

list-style-position: inside;

На скриншоте описан. Пожалуйста посмотрите скриншот!

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

Наверх

#59 Скорая Керамическая Помощь

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

Пользователи
420 сообщений

ГородМосква

Отправлено 22 Май 2017 - 18:47

Stasya (22 Май 2017 - 17:59) писал:

Уточните, пожалуйста, что именно тогда необходимо туда вывести? Ранее Вы писали, что необходимо вывести Популярные рубрики.
В конец файла main.css добавьте блок

.pop_brand ul, .pop_category ul{list-style:disc;list-position:inside}

list-style-position: inside;

Пожалуйста эти рубрики уберите.
ПОПУЛЯРНЫЕ РУБРИКИ
Рубрика 1
Рубрика 2
Рубрика 3
Рубрика 4
Рубрика 5

Наверх

#60 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 23 Май 2017 - 03:01

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:

<div class="block pop_brand">
																<div class="block-title"><span>Популярные рубрики</span></div>
																<div class="block-menu-content">
																  <ul>
																				<li><a href="#">Рубрика 1</a></li>
																				<li><a href="#">Рубрика 2</a></li>
																				<li><a href="#">Рубрика 3</a></li>
																				<li><a href="#">Рубрика 4</a></li>
																				<li><a href="#">Рубрика 5</a></li>
																  </ul>
																</div>
												  </div>