Копия Template Product Zoom - Дизайн и оформление

Сделал я шаблон с такой увеличилкой, но не знаю, можно ли его выкладывать. Не нарушу ли я какие-нибудь права разработчиков? Все же шаблон 25 эуро стоит

Сделал я шаблон .........
Не нарушу ли я какие-нибудь права разработчиков?.......

Противоречивые утверждения.
Если сделали Вы, то.... можете выкладывать.
Если кто-то у разработчиков и нет условий по нераспространению, то тоже можно. Если Ваш заказ.
Если купили Вам решать что с ним делать. Ставить, дарить, выкидывать.

ЗЫ. Для начала демо покажите

Если Ві покупали у Разработчиков ЖШ.
И использовали их решение в своем.. то это надо у них конечно испросить... разрешения.
Хотя сомневаюсь исходя из предыдущих ответов Виктора что он согласится...

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

Хорошо, уговорили
Основывается все на http://www.magictoolbox.com/magiczoom/
А так же Joomla 1.7.3 и JoomShopping 3.3.2

1. Скачиваем триальную версию MagicZoom (отличие от купленной только в том, что внизу маленькими буквами будет написано чтобы Вы купили ее).
2. Из распакованного архива, нам нужны два файла magiczoom.js и magiczoom.css
3. magiczoom.css кладем в папку /components/com_jshopping/css/, а magiczoom.js в папку /components/com_jshopping/js/
4. открываем на редактирование файл components/com_jshopping/templates/product/product_default.php
5. Прописываем внизу файла пути к нашим js и CSS

6.a В файле находим следующий код
6.б Заменяем на
7.а Далее находим
7.б Заменяем на

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

Если будут вопросы - пишите, попробую ответить.
 

атлична. палучи в репу +1...
Спасибо поднимаю в FAQ.

Капец на демо сайте всё красивое, а скроллеры тоже можно поставить выше описанным методом?

Я думаю что можно, надо только разобраться с этим

Что могу сказать по данному решению:
1) Вы забыли про загрузку скрипта lightbox.
2) magiczoom стоит 29 $ - 1 site license

1) lightbox можно убрать components\com_jshopping\lib\factory.php примерно строки 200-210
2) Бесплатная альтернатива - jqzoom.  Демо - http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

Aspik: А причем тут lightbox? Он не мешает абсолютно. Если есть желание, можете проделать все это с бесплатной альтернативой. Я не буду против

Aspik: А причем тут lightbox? Он не мешает абсолютно. Если есть желание, можете проделать все это с бесплатной альтернативой. Я не буду против

Когда займетесь оптимизацией и ускорением загрузки вашего сайта поймете, что грузить библиотеку которая не используется это ОЧЕНЬ ПЛОХО.

А почему Вы решили что она у меня не используется?

Вы меня все больше удивляете. Как работает скрипт объясняю примитивно.
Как работает lightbox:
ищем класс lightbox все что в нем при клике на него --> увеличиваем --> все остальное затемняем.
Как работает magiczoom:
ищем класс MagicZoom все что в нем при наведение  --> увеличиваем в popup окне.

Aspik: А причем тут lightbox?

evpadallas       ну насмешили

Когда займетесь оптимизацией и ускорением загрузки вашего сайта поймете, что грузить библиотеку которая не используется это ОЧЕНЬ ПЛОХО.

+1

Aspik: ну почему же Вы всетаки решили, что в моем случае lightbox больше не используется на этой странице? Я это где-то написал?
Ув. mainet: А Вас я чем насмешил?

Aspik: ну почему же Вы всетаки решили, что в моем случае lightbox больше не используется на этой странице? Я это где-то написал?
Ув. mainet: А Вас я чем насмешил?

Мне кажется Вы не понимаете меня совсем. Я вам написал в 7 посте. О том что Вы забыли указать в инструкции о lightbox. Вы же пишите для людей, а не для себя, будьте добры указывать эти моменты.  Вот сейчас сделают другие люди по вашей инструкции и знать даже не будут о том что у них lightbox это лишняя библиотека.

Да, наверное не понял.
Извините. Наверное не проснулся еще до этого
Мне дописать в свой пост или люди поймут из Вашего, что им надо сделать?

З.Ы. Спасибо за уточнение.

Что могу сказать по данному решению:
1) Вы забыли про загрузку скрипта lightbox.
2) magiczoom стоит 29 $ - 1 site license

1) lightbox можно убрать components\com_jshopping\lib\factory.php примерно строки 200-210
2) Бесплатная альтернатива - jqzoom.  Демо - http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

Уже поймут из этого поста.

лучше все таки добавить...
Когда все в одном месте (только не думать плохо!) то это понятней и удобней.

Лучше добавить в описание действий.

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

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. Вставляем в начале файла
5. Ищем class="lightbox" (просто оно там одно, так быстрее ) в дефлтном это строка 31 вроде.
И вместо него вставляем class="highslide" onclick="return hs.expand(this)"

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

Смотреть ДЕМО

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

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

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

Покажи полный код ссылки из пункта 5. Как у тебя получилось.

(!)Кстати Хайслайд, можно красиво использовать для вывода информации о доставке (плюс доставка) ВО ВСПЛЫВАЮЩЕМ ОКНЕ, а не на новой странице.
Только вот вопрос где формируется эта нужная ссылка на материал доставки ? Тогда и это допилим

получи в репу +

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

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

Меняем на
ВСЕ.

ВОТ ТОЛЬКО ЗАПАРА
Полное изображение не формируется в .
Вот тут Лажа не подхватывается полное изображение, и потому по условию цепляется ноимейдж.
Где бок ? Кто подскажет ?

ДЕМО тут

Кароче решил попробовать прикрутить Хайслайд.
------SKIP-------
ЗЫ.
Сделано по аналогии с решением от evpadallas с учетом рабочего решения на Вирте.

Прошу прощения, а зачем придумывать если для Вирта уже есть готовое решение http://www.magictoolbox.com/magiczoom/modules/virtuemart/ .

Затем, что тут обсуждается не ВМ
А ЖШ. Видели его там в списке ?
Ну и сам принцип отличается (если Вы о ХайСлайде).
Если о решении ТопикСтартера.. то принцип распространения отличается.

Затем, что тут обсуждается не ВМ
А ЖШ. Видели его там в списке ?
Ну и сам принцип распространения отличается

Ok!
Понятно!

делал по мануалу разраба magiczoom'а
получилось этохорошо

Хорошо, уговорили
Основывается все на http://www.magictoolbox.com/magiczoom/
А так же Joomla 1.7.3 и JoomShopping 3.3.2

1. Скачиваем триальную версию MagicZoom (отличие от купленной только в том, что внизу маленькими буквами будет написано чтобы Вы купили ее).
2. Из распакованного архива, нам нужны два файла magiczoom.js и magiczoom.css
3. magiczoom.css кладем в папку /components/com_jshopping/css/, а magiczoom.js в папку /components/com_jshopping/js/
4. открываем на редактирование файл components/com_jshopping/templates/product/product_default.php
5. Прописываем внизу файла пути к нашим js и CSS

Код

<script type = "text/javascript" src = "<?php print JURI::root(); ?>components/com_jshopping/js/magiczoom.js"></script>
<link rel="stylesheet" href="<?php print JURI::root(); ?>components/com_jshopping/css/magiczoom.css"/>

6.a В файле находим следующий код

Код

            <a  class="lightbox" id="main_image_full_<?php print $image->image_id?>" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>" <?php if ($image->image_full!=$this->product->product_full_image){?>style="display:none"<?php }?>>
                <img id = "main_image_<?php print $image->image_id?>" src = "<?php print $this->image_product_path?>/<?php print $image->image_name;?>" alt = "<?php print htmlspecialchars($this->product->name)?>" />
            </a>

6.б Заменяем на

Код

                <?php if ($k == "0") : ?>
            <a class="MagicZoom" id="Zoomer" rel="selectors-change: mouseover; selectors-effect: fade" title="<?php print htmlspecialchars($this->product->name)?>" href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>">
                <img id = "main_image_<?php print $image->image_id?>" src = "<?php print $this->image_product_path?>/<?php print $image->image_name;?>" alt = "<?php print htmlspecialchars($this->product->name)?>" />
            </a>   
                <?php endif; ?>

7.а Далее находим

Код

                    <img class = "jshop_img_thumb" src = "<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt = "<?php print htmlspecialchars($this->product->name)?>" onclick = "showImage(<?php print $image->image_id?>)" /><br />

7.б Заменяем на

Код

                    <a href="<?php print $this->image_product_path?>/<?php print $image->image_full;?>" rel="zoom-id:Zoomer;" rev="<?php print $this->image_product_path?>/<?php print $image->image_name;?>" title="<?php print htmlspecialchars($this->product->name)?>">
                        <img class = "jshop_img_thumb_zoomer" src = "<?php print $this->image_product_path?>/<?php print $image->image_thumb?>" alt = "<?php print htmlspecialchars($this->product->name)?>" />
                    </a><br />

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

Если будут вопросы - пишите, попробую ответить.
 

Простите, я новичок, у вас в описание под Joomla 1.7 и JoomShopping выше, а у меня:

joomla 1.5.25
joomshopping Version 2.9.7

Не подскажите, инструкцию внедрение этого плагина в мою версию ?

оооо ! неее..
Я уже и не помню как она выглядит Ж1.5