Сделать Рамку Товара В Каталоге
#1
Отправлено 11 Февраль 2012 - 22:59
Помогите пж-та:
1. Как сделать рамку товара в каталоге?
Чтобы вот так выглядело http://shopdoctor.ru...zabota-mama.png
2. И чтобы при клике на любом месте внутри этой рамки можно было провалиться в товар
(сейчас можно проваливаться только при клике на картинку, название или цену товара)
Заранее спасибо!
#2
Отправлено 13 Февраль 2012 - 20:33
.withBorder { border: 1px solid #E5E5E5 !important; }
данный класс находиться в файле стилей main.css
Для клика используйте
$('.goodsListItemBlock').click(function(){ document.location = $(this).find('a').attr('href'); });
Добавьте данный код в файл main.js после
$(document).ready(function(){
#3
Отправлено 14 Февраль 2012 - 12:37
Vaccina (13 Февраль 2012 - 20:33) писал:
.withBorder { border: 1px solid #E5E5E5 !important; }
данный класс находиться в файле стилей main.css
Для клика используйте
$('.goodsListItemBlock').click(function(){ document.location = $(this).find('a').attr('href'); });
Добавьте данный код в файл main.js после
$(document).ready(function(){
Большое спасибо, получилось.
Товар по всей рамке стал кликабельным, но курсор мыши меняется на "ладошку" =) (как при наведении на ссылки) только при наведении на картику или описание.
Можно ли сделать, чтобы курсор становился "ладошкой" при наведении на любое место внутри рамки.
Спасибо!
#4
Отправлено 14 Февраль 2012 - 19:53
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }
замените на этот:
.goodsListItemBlock { cursor: pointer; height: 200px; margin: 5px; overflow: hidden; }
#5
Отправлено 15 Февраль 2012 - 05:41
Vaccina (14 Февраль 2012 - 19:53) писал:
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }
замените на этот:
.goodsListItemBlock { cursor: pointer; height: 200px; margin: 5px; overflow: hidden; }
Спасибо! У меня тоже все получилось.
Только почему то на страницах с карточками подкатегорий это не срабатывает. И фон в карточках категорий тоже остался. Сравните:
http://kosmetika-dla...o.storeland.ru/
http://ekologicheski...o.storeland.ru/
#6
Отправлено 15 Февраль 2012 - 19:04
Vaccina (14 Февраль 2012 - 19:53) писал:
.goodsListItemBlock { height: 200px; margin: 5px; overflow: hidden; }
замените на этот:
.goodsListItemBlock { cursor: pointer; height: 200px; margin: 5px; overflow: hidden; }
#7
Отправлено 15 Февраль 2012 - 20:07
ogonek7777 (15 Февраль 2012 - 05:41) писал:
Только почему то на страницах с карточками подкатегорий это не срабатывает. И фон в карточках категорий тоже остался. Сравните:
http://kosmetika-dla...o.storeland.ru/
http://ekologicheski...o.storeland.ru/
Vakcina меня игнорирует ((
#8
Отправлено 15 Февраль 2012 - 22:02
Цитата
не игнорирую, а не заметила Ваше сообщение
за блок категорий отвечает другой кусок кода. редактор тем - main.css:
.content_catalog_nested_categories li .withBorder { height: 140px; }
вот его и надо по аналогии стилизовать
#9
Отправлено 02 Март 2012 - 11:58
Vaccina (15 Февраль 2012 - 22:02) писал:
за блок категорий отвечает другой кусок кода. редактор тем - main.css:
.content_catalog_nested_categories li .withBorder { height: 140px; }
вот его и надо по аналогии стилизовать
спасибо!
#10
Отправлено 02 Апрель 2012 - 17:42
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных