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

[Ostinems]

Добрый день.

У меня есть "каталог" позиций по левой стороне, на сайте. Есть дополнительно созданные "каталоги" где объеденные некоторые позиции для удобства поиска.

Хочу разместить на главной странице сайта, вместо "товары на главной" - категории 4 шт. в которых похожи позиции товара, только без плавающего состояния, а в закрепленном и с картинками.

Аккаунт SL-363354

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

• 
• 

[Юля123]

Ostinems (25 Май 2016 - 11:22) писал:

Добрый день.

У меня есть "каталог" позиций по левой стороне, на сайте. Есть дополнительно созданные "каталоги" где объеденные некоторые позиции для удобства поиска.

Хочу разместить на главной странице сайта, вместо "товары на главной" - категории 4 шт. в которых похожи позиции товара, только без плавающего состояния, а в закрепленном и с картинками.

Аккаунт SL-363354

Здравствуйте, такое можно реализовать следующим образом. На сколько я понимаю, категории нужно отразить не все, а выборочно. Если так, то гда можно добавить картинки-баннеры с подписями и с ссылками на нужные категории. Вас устроит такой вариант?

[Ostinems]

Да абсолютно. Вместо главных позиций

[Ostinems]

Как убрать "мобильную версию" сайта. Чтобы сайт открывался как и на комп., полностью страница ? Что нужно удалить и какой код ?

[Юля123]

Ostinems (25 Май 2016 - 16:24) писал:

Да абсолютно. Вместо главных позиций

В шаблоне HTML найдите код:

<!-- /Список избранных справок на главной -->

после этого кода добавьте код:

		 <div class="category_index">
				 <div class="item block_category"><a href="ссылка на категорию"><img src="ссылка на изображение категории" alt="" title="" /><span class="category_name">Категория</span></a></div>
			 <div class="item block_category"><a href="ссылка на категорию"><img src="ссылка на изображение категории" alt="" title="" /><span class="category_name">Категория</span></a></div>
				 <div class="item block_category"><a href="ссылка на категорию"><img src="ссылка на изображение категории" alt="" title="" /><span class="category_name">Категория</span></a></div>
				 <div class="item block_category"><a href="ссылка на категорию"><img src="ссылка на изображение категории" alt="" title="" /><span class="category_name">Категория</span></a></div>
		 </div>

"ссылка на категорию" замените на нужную ссылку. "ссылка на изображение категории" измените на соответствующие ссылки. "Категория" - на название категории.

в конце main.css добавьте код:

.category_name {
color: #484A54;
font-size: 15px;
font-weight: 400;
text-decoration: none;
display: block;
text-align: center;
}
.block_category {
width: 210px;
display: inline-block;
}
.block_category img {
width: 98%;
}
.category_index {
margin: 20px;
}

Выглядит так:



Чтобы отключить мобильную версию,  в шаблоне HTML найдите код:

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

и замените на код:

  <meta name="viewport" content="width=1200" />

Сайт будет отображаться как на разрешении экрана 1200px, это значение можете изменить на нужное.

Так же можете закомментировать все стили, что отвечают за адаптивность шаблона.