Подскажите пожалуйста как на странице каталог добавить ряд ссылок с картинками ( как на фото прикрепленном) на страницы сайта ? Желательно, чтобы от категории Вы смотрели ранее ссылки были отделены такой же голубой полоской на которой написано вы смотрели ранее
0
Добавление Нового Блока
Автор Аслан, 12 янв. 2018 12:53
Сообщений в теме: 6
#1
Отправлено 12 Январь 2018 - 12:53
#2
Отправлено 12 Январь 2018 - 15:56
#3
Отправлено 13 Январь 2018 - 08:13
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
после него вставьте:
Новые блоки дублируйте по аналогии, одна картинка с заголовком:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
</div> </div> </div> {% ENDFOR %} <div class="action"> <div class="showAllRecent button">Показать больше</div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Вы смотрели -->
после него вставьте:
<!-- Полезное --> <div class="block-sidebar viewed useful"> <h3 class="block-title">Полезное<div class="toggleBlock" title="Свернуть/развернуть"><div class="toggleArrow"></div><div class="toggleSquare"></div></div></h3> <div class="block-content"> <div class="list-items"> <div class="item recently-item"> <div class="item-inner"> <div class="product-image"> <a href="ссылка на страницу" class="product-imgs"> <img class="goods-image-icon" src="ссылка на картинку" alt=""> </a> </div> <div class="bg-hover-viewed"></div> <div class="item-box-content"> <h2 class="product-name"> <a href="ссылка на страницу">Текст</a> </h2> </div> </div> </div> <div class="item recently-item"> <div class="item-inner"> <div class="product-image"> <a href="ссылка на страницу" class="product-imgs"> <img class="goods-image-icon" src="ссылка на картинку" alt=""> </a> </div> <div class="bg-hover-viewed"></div> <div class="item-box-content"> <h2 class="product-name"> <a href="ссылка на страницу">Текст</a> </h2> </div> </div> </div> </div> </div> </div> <!-- /END Полезное -->вместо текста вставьте необходимые ссылки и заголовки.
Новые блоки дублируйте по аналогии, одна картинка с заголовком:
<div class="item recently-item"> <div class="item-inner"> <div class="product-image"> <a href="ссылка на страницу" class="product-imgs"> <img class="goods-image-icon" src="ссылка на картинку" alt=""> </a> </div> <div class="bg-hover-viewed"></div> <div class="item-box-content"> <h2 class="product-name"> <a href="ссылка на страницу">Текст</a> </h2> </div> </div> </div>
#4
Отправлено 13 Январь 2018 - 10:51
Vaccina (13 Январь 2018 - 08:13) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
после него вставьте:
Новые блоки дублируйте по аналогии, одна картинка с заголовком:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
</div> </div> </div> {% ENDFOR %} <div class="action"> <div class="showAllRecent button">Показать больше</div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Вы смотрели -->
после него вставьте:
<!-- Полезное --> <div class="block-sidebar viewed useful"> <h3 class="block-title">Полезное<div class="toggleBlock" title="Свернуть/развернуть"><div class="toggleArrow"></div><div class="toggleSquare"></div></div></h3> <div class="block-content"> <div class="list-items"> <div class="item recently-item"> <div class="item-inner"> <div class="product-image"> <a href="ссылка на страницу" class="product-imgs"> <img class="goods-image-icon" src="ссылка на картинку" alt=""> </a> </div> <div class="bg-hover-viewed"></div> <div class="item-box-content"> <h2 class="product-name"> <a href="ссылка на страницу">Текст</a> </h2> </div> </div> </div> <div class="item recently-item"> <div class="item-inner"> <div class="product-image"> <a href="ссылка на страницу" class="product-imgs"> <img class="goods-image-icon" src="ссылка на картинку" alt=""> </a> </div> <div class="bg-hover-viewed"></div> <div class="item-box-content"> <h2 class="product-name"> <a href="ссылка на страницу">Текст</a> </h2> </div> </div> </div> </div> </div> </div> <!-- /END Полезное -->вместо текста вставьте необходимые ссылки и заголовки.
Новые блоки дублируйте по аналогии, одна картинка с заголовком:
<div class="item recently-item"> <div class="item-inner"> <div class="product-image"> <a href="ссылка на страницу" class="product-imgs"> <img class="goods-image-icon" src="ссылка на картинку" alt=""> </a> </div> <div class="bg-hover-viewed"></div> <div class="item-box-content"> <h2 class="product-name"> <a href="ссылка на страницу">Текст</a> </h2> </div> </div> </div>
#5
Отправлено 14 Январь 2018 - 10:39
Vaccina (13 Январь 2018 - 08:13) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
после него вставьте:
Новые блоки дублируйте по аналогии, одна картинка с заголовком:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
</div> </div> </div> {% ENDFOR %} <div class="action"> <div class="showAllRecent button">Показать больше</div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Вы смотрели -->
после него вставьте:
<!-- Полезное --> <div class="block-sidebar viewed useful"> <h3 class="block-title">Полезное<div class="toggleBlock" title="Свернуть/развернуть"><div class="toggleArrow"></div><div class="toggleSquare"></div></div></h3> <div class="block-content"> <div class="list-items"> <div class="item recently-item"> <div class="item-inner"> <div class="product-image"> <a href="ссылка на страницу" class="product-imgs"> <img class="goods-image-icon" src="ссылка на картинку" alt=""> </a> </div> <div class="bg-hover-viewed"></div> <div class="item-box-content"> <h2 class="product-name"> <a href="ссылка на страницу">Текст</a> </h2> </div> </div> </div> <div class="item recently-item"> <div class="item-inner"> <div class="product-image"> <a href="ссылка на страницу" class="product-imgs"> <img class="goods-image-icon" src="ссылка на картинку" alt=""> </a> </div> <div class="bg-hover-viewed"></div> <div class="item-box-content"> <h2 class="product-name"> <a href="ссылка на страницу">Текст</a> </h2> </div> </div> </div> </div> </div> </div> <!-- /END Полезное -->вместо текста вставьте необходимые ссылки и заголовки.
Новые блоки дублируйте по аналогии, одна картинка с заголовком:
<div class="item recently-item"> <div class="item-inner"> <div class="product-image"> <a href="ссылка на страницу" class="product-imgs"> <img class="goods-image-icon" src="ссылка на картинку" alt=""> </a> </div> <div class="bg-hover-viewed"></div> <div class="item-box-content"> <h2 class="product-name"> <a href="ссылка на страницу">Текст</a> </h2> </div> </div> </div>
А как сделать , чтобы текст располагался на уровне середины картинки и был побольше сейчас как на картинке
#6
Отправлено 15 Январь 2018 - 14:10
Аслан (14 Январь 2018 - 10:39) писал:
А как сделать , чтобы текст располагался на уровне середины картинки и был побольше сейчас как на картинке
Здравствуйте.
В шаблоне main.css добавил Вам код:
.useful .block-content .product-name {max-height: 84px;} .useful .block-content .product-name a {line-height:84px;max-height:84px;font-size:20px;}
Проверьте результат
#7
Отправлено 15 Январь 2018 - 14:31
Firefly (15 Январь 2018 - 14:10) писал:
Здравствуйте.
В шаблоне main.css добавил Вам код:
Проверьте результат
В шаблоне main.css добавил Вам код:
.useful .block-content .product-name {max-height: 84px;} .useful .block-content .product-name a {line-height:84px;max-height:84px;font-size:20px;}
Проверьте результат
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных