Всплывающая карточка товара

[karaush 0]

Подскажите как можно сделать всплывающую карточку товара

http://www.abbel.ru/catalog/category/1.html

или вот такую

http://demo.algozone.com/oscommerce/OS03C00349/index.php

[support 447]

По умолчанию такого нет.

Только брать javascript и прикручивать к себе.

[s26 0]

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

Вроде бы все сделано правильно, в product_listing_list между {foreach name=aussen item=module_data from=$module_content} и {/foreach}

я поместил и код товара и код модального окна, но...на какой бы товар я не нажал, открывается карточка только первого товара.

вот сам сайт http://brandstor.ru/klatchi.html

{foreach name=aussen item=module_data from=$module_content}

<div id="basket" class="popup quickProduct">

    	<div class="popup_cont">

  {$FORM_ACTION}

  <a href="" onclick="closeLoginForm(); return false;" class="close" tabindex="7">Закрыть</a>

     	<div class="about-product">

   <div class="productImg">

	<img src="{$module_data.PRODUCTS_IMAGE}">

	<a href="" class="zoom"><img src="Imgs/zoom.gif" alt="zoom"></a>

	<div class="more-imgs">


	</div>

   </div>

   <div class="details">

	<div class="productDetails">

 	<h2>{$module_data.PRODUCTS_NAME}</h2>

 	<p class="likes"><a href=""><img src="Imgs/face.gif"></a><a href=""><img src="Imgs/vkontakte.gif"></a></p>

 	<img class="brand-name" src="Imgs/brand.jpg">

 	<div class="sizeTable">

  	<p>Таблица размеров</p>

  	<a href="">35</a>

  	<a href="">36</a>

  	<a href="">37</a>

  	<a href="">38</a>

  	<a href="">39</a>

 	</div>

 	<table>

  	<tr class="odd">

   	<th>Внешний материал</th>

   	<td><span>Кожа</span></td>

  	</tr>

  	<tr>

   	<th>Внутренний материал</th>

   	<td>Ткань</td>

  	</tr>

  	<tr class="odd">

   	<th>Цвет</th>

   	<td>Красный</td>

  	</tr>

  	<tr>

   	<th>Высота</th>

   	<td>90 см</td>

  	</tr>

  	<tr class="odd">

   	<th>Ширина</th>

   	<td>50 см</td>

  	</tr>

  	<tr>

   	<th>Глубина</th>

   	<td>40 см</td>

  	</tr>

  	<tr class="odd">

   	<th>Артикул</th>

   	<td>45695467</td>

  	</tr>

 	</table>

 	<span class="available">В наличии</span>

	</div>

	<div class="orderDetails">

 	<div class="price">{$module_data.PRODUCTS_PRICE}</div>

 	<center>{$module_data.PRODUCTS_BUTTON_BUY_NOW}</center>

 	<input type="submit" class="delay" value="Отложить">

 	<p class="free-del">Бесплатная доставка по Москве</p>

 	<p class="return">У вас есть 30 дней для возврата товара</p>

 	<p class="departure">Отправка на следующий день</p>

 	<p class="hotline">Горячая линия для заказа по телефону</p>

 	<span class="phone"><sup>7 (345) </sup>745695780</span>

	</div>

	<p class="productDescription">{$module_data.PRODUCTS_SHORT_DESCRIPTION|vam_truncate:$smarty.const.MAX_DISPLAY_SHORT_DESCRIPTION:"...":true}</p>

   </div>

  </div>

    	</div><!--/popup_cont-->

  {$FORM_END}

	</div><!--/popup-->

	<div id="mask"></div>


<ul class="products-table">

<li class="product">

 	<a href="#basket" name="modal"><img src="{$module_data.PRODUCTS_IMAGE}" height="240" width="180"></a>

 	<div class="pr-description">

  	<span class="name"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></span>

  	<span class="type">Сумка</span>

  	<span class="price">{$module_data.PRODUCTS_PRICE}</span>

 	</div>

	</li>

</ul>

{/foreach}

[/CODE]

 

Буду рад помощи, Саша...

[support 447]

Так а где js код для открытия окна?!

Вы наверное что-то не добавили.

[s26 0]

js в коде страницы шаблона.

<script type="text/javascript" src="templates/Brand/javascript/jquery-1.3.2.min.js"></script>

	<script type="text/javascript" src="jscript/scripts.js"></script>

[/CODE]

 

Ведь модальное окно открывается, не могу понять почему выводит только 1 товар

[support 447]

Так и должен один товар выводиться, а не все с разу, у Вас же внутри foreach код.

[s26 0]

Ну я руководствовался вот чем,

foreach выдает 1 товар, поэтому внутрь foreach/ foreach мы забиваем метки и соответсвенно дивы дизайна.

И уже на сайте взаимости от кол-ва товара он выдает столько сколько и есть.

Соответственно, чтобы выводить каждый товар на сайте и в модальном окне я вставил код окна и код товара между foreach /foreach

Саш, так а как правильно тогда?

[support 447]

Я ж не в курсе, никогда не делал.

Но, обычно для начала берут js скрипт, например тот же fancybox вроде как можно использовать для обычных всплывающих окон.

Делает просто на html-странице работающий макет, затем уже в магазин переносят.

Я так во всяком случае делаю, обычно макет от переноса в магазин ничем не отличается кроме как расстановкой меток в шаблоне.

[s26 0]

ок, а js где цеплять надо? в index или не посредственно в products_listing_list?

Просто у меня в шаблоне(вёрстке) хтмл всё работает, точнее первый сверху товар, так он так же в магазине только первый и работает.

[s26 0]

Чтобы всплывало <div id="basket{$module_data.PRODUCTS_ID}" class="popup quickProduct">

Установите ID товара и будет вам счастье!!

Слава богу проблему решил!

[support 447]

Хорошо, что разобрались.