Эффекты HighSlide в JoomShopping - страница 2 - Дизайн и оформление

Кароче решил попробовать прикрутить Хайслайд.

1. Качаем хайслайд
2. Из папки highslide кладем highslide.css и папку graphics кладем в папку /components/com_jshopping/css/, а highslide-full.js в папку /components/com_jshopping/js/
3. Открываем файл шаблона components/com_jshopping/templates/product/product_default.php
4. Вставляем в начале файла

Код

<script type = "text/javascript" src = "<?php print JURI::root(); ?>components/com_jshopping/js/highslide-full.js"></script>
<link rel="stylesheet" href="<?php print JURI::root(); ?>components/com_jshopping/css/highslide.css"/>
		<script type='text/javascript'>
			hs.graphicsDir = '/components/com_jshopping/css/graphics/';
			hs.outlineType = 'rounded-white';
			hs.showCredits = false;
			hs.dimmingOpacity = 0.5;
			hs.wrapperClassName = 'draggable-header';
			hs.align = 'center';
			hs.headingEval = 'this.thumb.title';
		</script> 

5. Ищем class="lightbox" (просто оно там одно, так быстрее ) в дефлтном это строка 31 вроде.
И вместо него вставляем class="highslide" onclick="return hs.expand(this)"

6. Ищем img class="jshop_img_thumb" (в районе 47-55 строки)
Меняем всю стрку на

Код

<a class="highslide" onclick="return hs.expand(this)" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>"><img class="jshop_img_thumb" src="<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt="<?php print htmlspecialchars($image->_title)?>" title="<?php print htmlspecialchars($image->_title)?>"/></a>

ЗЫ. Затемнение отрабатывает вот эта настройка hs.dimmingOpacity = 0.5; можете поставить любое значение до 1. Например  0,75 будет темнее.

Обращаю внимание ! highslide шаровой для некоммерческих проектов (любой магазин к этому классу не относится )
Для коммерческих проектов $29.00

ЗЫ.
Сделано по аналогии с решением от evpadallas с учетом рабочего решения на Вирте.

А кто-нибудь решил вопрос с загрузкой страницы целиком при нажатии на доставку?
Хотелось бы грузить просто текст..

&tmpl=component

Та же самая проблема, что и у многих - при нажатии пишет "download", вращается картинка загрузки и всё.
Менял положение папки графикс и путь к ней в скрипте- та же история.
Может дело в версии Highslide? Или надо каким-то образом надо еще и отключить lightbox?

А платных решений нет интересно ?

Может кто пробовал прикрутить Widgetkit Lightbox?

Та же самая проблема, что и у многих - при нажатии пишет "download", вращается картинка загрузки и всё.
Менял положение папки графикс и путь к ней в скрипте- та же история.
Может дело в версии Highslide? Или надо каким-то образом надо еще и отключить lightbox?

Здравствуйте
проблема такая же. нажимаешь на картинку на ней крутится loading и ничего не происходит
все сделано в точности с инструкцией
Joomla 2.5.8 / JoomShopping 3.12.3 / HighSlide JS 4.1.13 (более низкие версии так же были использованы для пробы)
результат один loading и все.. подскажите с решением оч нужно увеличение картинок

Всё заработало, только теперь, если загружено 1 изображение - то так одно и показывается в карточке товара. Если же загружаю второе изображение, то изображение которое основное показывается 2 раза в карточке товара, в чём может быть дело?

Продолжаем.
Для Категорий.
Чтобы по клику на изображение в списке категории, не переходить на карточку товара а просто увеличить изображение.

Считаем что шаги 1 и 2 уже сделаны http://joomlaforum.ru/index.php/topic,196782.msg1035883.html#msg1035883
3.Открываем файл шаблона components/com_jshopping/templates/category/category_default.php
4. потворяем из указанного поста Подключаем библиотеку.
5. Ищем (строка 49 дефолтного шаба)

Код

 <a href="<?php print $product->product_link?>">
                                    <img class = "jshop_img" src = "<?php print $this->image_product_path?>/<?php if ($product->product_thumb_image) print $product->product_thumb_image; else print $this->noimage?>" alt="<?php print htmlspecialchars($product->name);?>" />
                                </a>

Меняем на

Код

<a class="highslide" onclick="return hs.expand(this)" href="<?php print $this->image_product_path?>/<?php if ($product->product_full_image) print $product->product_full_image; else print $this->noimage?>" >
                                    <img class = "jshop_img" src = "<?php print $this->image_product_path?>/<?php if ($product->product_thumb_image) print $product->product_thumb_image; else print $this->noimage?>" alt="<?php print htmlspecialchars($product->name);?>" />
                                </a>

6. Идем /components/com_jshopping/tables/category.php чтобы не искали строка 156.
в запросе query добавить после prod.product_thumb_image, prod.product_full_image
Или просто выделяем весь запрос и меняем на это 

Код

$query = "SELECT prod.product_id, categ.category_id, prod.`".$lang->get('name')."` as name, prod.`".$lang->get('short_description')."` as short_description, prod.product_ean, prod.product_thumb_image, prod.product_full_image, prod.product_price, prod.currency_id, prod.product_tax_id as tax_id, prod.product_old_price, prod.product_weight, prod.average_rating, prod.reviews_count, prod.hits, prod.weight_volume_units, prod.basic_price_unit_id, prod.label_id, prod.product_manufacturer_id, prod.product_weight, prod.min_price, prod.product_quantity, prod.different_prices $adv_result
                  FROM `#__jshopping_products` AS prod
                  LEFT JOIN `#__jshopping_products_to_categories` AS categ USING (product_id)
                  $adv_from
                  WHERE categ.category_id = '".$this->_db->getEscaped($this->category_id)."' AND prod.product_publish = '1' ".$adv_query." ".$order_query;

ДЕМО тут

П.С.
В версии 3.4 были существенные изменения в логике и в шаблоне. Потому код работы с категорией изменился. Запрос формируется не 156 строке. Так что решение не будет работать для категорий.

А если шаблон DIV с вашего сайта как прикрутить :?

точно также
components/com_jshopping/templates/default_div/product/product_default.php
и по логике.