Перейти к содержимому


Сделать Рамку Товара В Каталоге


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 zabota-mama

zabota-mama

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

  • Пользователи
  • PipPipPipPip
  • 732 сообщений

Отправлено 11 Февраль 2012 - 22:59

Добрый вечер!

Помогите пж-та:
1. Как сделать рамку товара в каталоге?
Чтобы вот так выглядело http://shopdoctor.ru...zabota-mama.png

2. И чтобы при клике на любом месте внутри этой рамки можно было провалиться в товар
(сейчас можно проваливаться только при клике на картинку, название или цену товара)

Заранее спасибо!

#2 Vaccina

Vaccina

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

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

Отправлено 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 zabota-mama

zabota-mama

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

  • Пользователи
  • PipPipPipPip
  • 732 сообщений

Отправлено 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 Vaccina

Vaccina

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

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

Отправлено 14 Февраль 2012 - 19:53

редактор тем - main.css - найдите сл.блок:
.goodsListItemBlock {
	height: 200px;
	margin: 5px;
	overflow: hidden;
}

замените на этот:
.goodsListItemBlock {
	cursor: pointer;
	height: 200px;
	margin: 5px;
	overflow: hidden;
}


#5 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 15 Февраль 2012 - 05:41

Просмотр сообщенияVaccina (14 Февраль 2012 - 19:53) писал:

редактор тем - main.css - найдите сл.блок:
.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 zabota-mama

zabota-mama

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

  • Пользователи
  • PipPipPipPip
  • 732 сообщений

Отправлено 15 Февраль 2012 - 19:04

Просмотр сообщенияVaccina (14 Февраль 2012 - 19:53) писал:

редактор тем - main.css - найдите сл.блок:
.goodsListItemBlock {
	height: 200px;
	margin: 5px;
	overflow: hidden;
}

замените на этот:
.goodsListItemBlock {
	cursor: pointer;
	height: 200px;
	margin: 5px;
	overflow: hidden;
}
Vaccina большое спасибо, вы супер!

#7 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 15 Февраль 2012 - 20:07

Просмотр сообщенияogonek7777 (15 Февраль 2012 - 05:41) писал:

Спасибо! У меня тоже все получилось.
Только почему то на страницах с карточками подкатегорий это не срабатывает. И фон в карточках категорий тоже остался. Сравните:
http://kosmetika-dla...o.storeland.ru/
http://ekologicheski...o.storeland.ru/

Vakcina меня игнорирует ((

#8 Vaccina

Vaccina

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

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

Отправлено 15 Февраль 2012 - 22:02

Цитата

Vakcina меня игнорирует ((

не игнорирую, а не заметила Ваше сообщение  :)

за блок категорий отвечает другой кусок кода. редактор тем - main.css:
.content_catalog_nested_categories li .withBorder {
	height: 140px;
}

вот его и надо по аналогии стилизовать

#9 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 02 Март 2012 - 11:58

Просмотр сообщенияVaccina (15 Февраль 2012 - 22:02) писал:

не игнорирую, а не заметила Ваше сообщение  :)

за блок категорий отвечает другой кусок кода. редактор тем - main.css:
.content_catalog_nested_categories li .withBorder {
	height: 140px;
}

вот его и надо по аналогии стилизовать

спасибо!

#10 romatex

romatex

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

  • Пользователи
  • PipPipPipPip
  • 301 сообщений

Отправлено 02 Апрель 2012 - 17:42

Скрытый текст





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных