Карточка товара

8 апреля 2011 г.

Карточка товара

Здравствуйте. Есть несколько вопросов, прошу помощи.
1.Создал и вывел несколько доп.свойств типа "файл" и вывел их на странице товара, всё нормально работает. Проблема: нужно сделать так, чтобы при нажатии на малое изображение оно отображалось в окне большого, пример http://supere.ru/shop/women/blouses/item_21860/. Ещё, в каталоге товаров малое фото одного размера(200х220), а в карточке товара(350х370), как сделать? Пример:http://supere.ru/shop/women/blouses/.
2.Когда-то читал на форуме о том, как к узлам хлебных крошек добавить раскрывающийся список меню. Никто не помнит, как сделать?

Делись своими знаниями. Это путь к бессмертию.

9 апреля 2011 г.

Re: Карточка товара

Для первого вопроса вам поможет javascript. Генерируете ссылку в xsl, а скриптом по клику грузите изображение из аттрибута href в нужный div.

9 апреля 2011 г.

Re: Карточка товара

vkharkov писал(а):

вам поможет javascript. Генерируете ссылку в xsl, а скриптом по клику грузите изображение из аттрибута href в нужный div.

Не подскажете, как именно? Я с js кровные враги

Делись своими знаниями. Это путь к бессмертию.

9 апреля 2011 г.

Re: Карточка товара

Я бы сделал используя Jquery (решение для корзины на нем же поисано тут).

В макете карточки товара используем такую конструкцию:

Затем ссылки на остальные фотки:

В макете карточки товара:

Примерно так. Зависит конечно от конкретных задач.

9 апреля 2011 г.

Re: Карточка товара

Да пробую разные способы. Задача такая: сделать зумер. Пример http://www.professorcloud.com/mainsite/cloud-zoom.htm - первый пример. В этом примере, кстати, реализовано галерея, но я не пойму, как это реализовать.
Вызываю основное фото и доп.фото товара таким образом:

<xsl:if test="small_image != ''">
<div>
<a href="{image}"><img src="{small_image}" alt="{name}" title="{name}"/></a>
</div>
</xsl:if>

<div style="clear: both;"></div>

<div class="item_small_photo">
<xsl:if test="count(property[type=1]) > 0">
<ul>
<xsl:apply-templates select="property[type=1]" mode="foto"/>
</ul>
</xsl:if>
</div>

А вот шаблон для доп.фото:

<xsl:template match="property" mode="foto">
<xsl:if test="small_image/file_path != '' ">
<li class="f_small">
<a href="{file_path}" title="{name}">
<img src="{small_image/file_path}" alt="{name}"/>
</a>
</li>
</xsl:if>
</xsl:template>

Сделать эффект зума с основным фото дело 5-ти минут, сделать подгрузку доп.фото в окно основного тоже, но проблема в том, что размеры small_image для доп.фото допустим 100х120, а размер small_image основного фото товара 350х400. Вот и получается, если подгрузить доп.фото в основное окно, то они появляются там с размерами 100х120, а надо 350х400.
Так и не могу понять, как сделать, чтобы размеры доп.фото при загрузке в основное окно становились не 100х120рх, а 350х400рх.

Делись своими знаниями. Это путь к бессмертию.

9 апреля 2011 г.

Re: Карточка товара

Есть ещё вариант задать жёстко размеры для div'а доп.фото, например 100х120, а в настройках доп.свойств задать размер малого изображения 350х400, но тогда не красиво будет отображаться фото в карточке

Делись своими знаниями. Это путь к бессмертию.

9 апреля 2011 г.

Re: Карточка товара

Вам надо разобраться с настройками размеров изображения у товара и доп. свойств товара и проверить еще раз что куда вы грузите.
Вы что-то упускаете...

9 апреля 2011 г.

Re: Карточка товара

vkharkov писал(а):

Вы что-то упускаете…

Вот это и не пойму, что именно. Зумер интегрировал, но с размерами доп.фото остаётся проблема. Вот ссылка, чтобы нагляднее было(нажать на доп.фото нужно)

Делись своими знаниями. Это путь к бессмертию.

10 апреля 2011 г.

Re: Карточка товара

Сделайте, например, так:
1. Размеры малых картинок - 300х300 (одинаковые у товара и доп. свойства)
2. Размеры больших картинок - 900х900
3. В CSS уменьшить размер картинки для блока с малыми изображениями:

.item_small_photo li a img { width: 50%; height: auto; }

10 апреля 2011 г.

Re: Карточка товара

), получилось! Спасибо большое, Валерий!

Можно тогда ещё один вопросик, тоже очень надоел?

, Если задаю размер фото товара 350х400, то в каталоге появляется с такими же размерами, а нужно 180х200. Что нужно исправить в шаблоне Каталога товаров?

Делись своими знаниями. Это путь к бессмертию.

Авторизация