Добрый день.
У меня есть "каталог" позиций по левой стороне, на сайте. Есть дополнительно созданные "каталоги" где объеденные некоторые позиции для удобства поиска.
Хочу разместить на главной странице сайта, вместо "товары на главной" - категории 4 шт. в которых похожи позиции товара, только без плавающего состояния, а в закрепленном и с картинками.
Аккаунт SL-363354
0
Категории Позиций В Виде Картинок На Главной - Вместо "товаров На Главной"
Автор Ostinems, 25 мая 2016 11:22
Сообщений в теме: 4
#1
Отправлено 25 Май 2016 - 11:22
#2
Отправлено 25 Май 2016 - 15:56
Ostinems (25 Май 2016 - 11:22) писал:
Добрый день.
У меня есть "каталог" позиций по левой стороне, на сайте. Есть дополнительно созданные "каталоги" где объеденные некоторые позиции для удобства поиска.
Хочу разместить на главной странице сайта, вместо "товары на главной" - категории 4 шт. в которых похожи позиции товара, только без плавающего состояния, а в закрепленном и с картинками.
Аккаунт SL-363354
У меня есть "каталог" позиций по левой стороне, на сайте. Есть дополнительно созданные "каталоги" где объеденные некоторые позиции для удобства поиска.
Хочу разместить на главной странице сайта, вместо "товары на главной" - категории 4 шт. в которых похожи позиции товара, только без плавающего состояния, а в закрепленном и с картинками.
Аккаунт SL-363354
Здравствуйте, такое можно реализовать следующим образом. На сколько я понимаю, категории нужно отразить не все, а выборочно. Если так, то гда можно добавить картинки-баннеры с подписями и с ссылками на нужные категории. Вас устроит такой вариант?
#3
Отправлено 25 Май 2016 - 16:24
Да абсолютно. Вместо главных позиций
#4
Отправлено 26 Май 2016 - 03:34
Как убрать "мобильную версию" сайта. Чтобы сайт открывался как и на комп., полностью страница ? Что нужно удалить и какой код ?
#5
Отправлено 26 Май 2016 - 09:51
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, это значение можете изменить на нужное.
Так же можете закомментировать все стили, что отвечают за адаптивность шаблона.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных