0 Пользователей и 1 Гость просматривают эту тему.
  • 51 Ответов
  • 4906 Просмотров
*

mcmegavolt

  • Осваиваюсь на форуме
  • 61
  • 0
Приветствую Вас!

Подскажите  как сделать так, чтобы на странице списка товаров по клику на изображение выскакивал LightBox с полно размерным изображением товара?
Точно так же, как и на странице товара.

Спасибо!
*

dragon4x4

  • Давно я тут
  • 207
  • 5
Re: LightBox на странице списка товаров
« Ответ #1 : 09.04.2011, 16:46:33 »
это надо выбрать в настройках.. в конфигурации генерал темплейт  дефоулт2... тогда картинки так как хош будут...
*

mcmegavolt

  • Осваиваюсь на форуме
  • 61
  • 0
Re: LightBox на странице списка товаров
« Ответ #2 : 11.04.2011, 03:37:03 »
Спасибо за помощь, но у меня есть только один выбор - "default"
*

dragon4x4

  • Давно я тут
  • 207
  • 5
Re: LightBox на странице списка товаров
« Ответ #3 : 11.04.2011, 22:46:27 »
тогда в вопросе надо указывать версию какую стругаете... пора обновляться :)
*

mcmegavolt

  • Осваиваюсь на форуме
  • 61
  • 0
Re: LightBox на странице списка товаров
« Ответ #4 : 11.04.2011, 23:46:22 »
 ^-^ Joomla 1.6 + JoomShopping 3.0
*

dragon4x4

  • Давно я тут
  • 207
  • 5
Re: LightBox на странице списка товаров
« Ответ #5 : 12.04.2011, 01:07:05 »
:) тогда не скажу, я пока на 2,8,1 кручусь... и тама есть выбор...
*

victorantoniak

  • Moderator
  • 1513
  • 175
  • JoomShopping Team
Re: LightBox на странице списка товаров
« Ответ #6 : 12.04.2011, 10:02:15 »
Раньше был такой шаблон (default2) для версии 2.6.2
Для новой версии нет.

Не будет правильно работать для 2.8.1
*

dragon4x4

  • Давно я тут
  • 207
  • 5
Re: LightBox на странице списка товаров
« Ответ #7 : 13.04.2011, 00:46:01 »
это я уже заметил... но думал проблема у меня из за изменений... а в принципе функция нужная, если к отдельным категориям товара можно подключать
*

Dimension

  • Осваиваюсь на форуме
  • 31
  • 2
Re: LightBox на странице списка товаров
« Ответ #8 : 18.04.2011, 22:18:30 »
Лайтбокс работает по следующему принципу:

<head>
<script>Лайтбоксовсие скрипты, jquery итд</script>
</head>

<body>
<a href="ссылка на большое изображение" class="lightbox">
<img src="ссылка на маленькое изображение" />
</a>
</body>

Для того, чтобы это реализовать перетяните PHP код c картинок в файле
com_jshopping\templates\default\product\product_default.php
на картинки в категории(category_default.php)  - должно работать.
*

BiJey

  • Осваиваюсь на форуме
  • 30
  • 8
Re: LightBox на странице списка товаров
« Ответ #9 : 14.09.2011, 15:21:43 »
кто-то решил эту задачу? в обьекте $this или $product нету параметра ->image_full
*

BiJey

  • Осваиваюсь на форуме
  • 30
  • 8
Re: LightBox на странице списка товаров
« Ответ #10 : 14.09.2011, 16:04:10 »
как я частично решил эту задачу:
в /components/com_jshopping/controllers/category.php добавил в функцию function view(){} строку:
Код
JSFactory::loadJsFilesLightBox();
это для подключения Lightbox в head

потом в /components/com_jshopping/templates/default/category/category_default.php изменил 49 строку:
Код
<a href="<?php print $product->product_link?>">
на:
Код
<a class="lightbox" href="<?php print $this->image_product_path?>/<?php print str_replace("thumb","full",$product->product_thumb_image);?>">


осталась проблема... открывается Lightbox с стрелочками, в котором можно листать все фотки в категориии, возможно это и удобно кому-то, я бы хотел от этого избавиться
*

SamDecKs

  • Осваиваюсь на форуме
  • 58
  • 3
Re: LightBox на странице списка товаров
« Ответ #11 : 24.02.2012, 14:42:08 »

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


Для этого открываем файл components\com_jshopping\js\jquery\jquery.lightbox-0.5.pack.js
находим там такую фразу
Код
<e g="q-13"></e><e g="q-5"><e g="5-s-b-w"><e g="5-s-b"><1w g="5-b"><e 2V="" g="5-k"><a J="#" g="5-k-V"></a><a J="#" g="5-k-X"></a></e><e g="5-Y"><a J="#" g="5-Y-29"><1w W="\'+4.1M+\'"></a></e></e></e>
удаляем нах...
Код
<a J="#" g="5-k-V"></a><a J="#" g="5-k-X"></a>

все.. стрелки и переход на след изображения пропали...
чтобы убрать "Изображение 1 из 4", открываем файл components\com_jshopping\css\jquery.lightbox-0.5.css
92 строка
Код
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
   

заменяем значение
Код
display:block; 
на
Код
display:none !important;
*

VoVaNN

  • Новичок
  • 1
  • 0
Re: LightBox на странице списка товаров
« Ответ #12 : 19.03.2012, 01:50:32 »
как я частично решил эту задачу:
в /components/com_jshopping/controllers/category.php добавил в функцию function view(){} строку:
Код
JSFactory::loadJsFilesLightBox();
это для подключения Lightbox в head

потом в /components/com_jshopping/templates/default/category/category_default.php изменил 49 строку:
Код
<a href="<?php print $product->product_link?>">
на:
Код
<a class="lightbox" href="<?php print $this->image_product_path?>/<?php print str_replace("thumb","full",$product->product_thumb_image);?>">


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



Мужик ОГРОМНОЕ СПАСИБО! зарегался только чтоб это те сказать)) Были бы с одного города поставил бутылку какой нибудь вкусняшки))
*

Alienoff

  • Осваиваюсь на форуме
  • 181
  • 0
Re: LightBox на странице списка товаров
« Ответ #13 : 20.03.2012, 02:35:34 »
А возможно ли такое проделать с шаблоном ja_tiris ?
category_default.php имеет там такой код
Спойлер
[свернуть]

и правильно ли подключил
Спойлер
[свернуть]
спасибо
« Последнее редактирование: 20.03.2012, 02:39:36 от Alienoff »
*

Alienoff

  • Осваиваюсь на форуме
  • 181
  • 0
Re: LightBox на странице списка товаров
« Ответ #14 : 23.03.2012, 14:52:51 »
Для какой версии описание хака?
В category_default.php всего 30 строк и кода <a href="<?php print $product->product_link?>"> нет
3.5.1. версия
*

Linfuby

  • Живу я здесь
  • 1243
  • 174
  • Всё просто...
Re: LightBox на странице списка товаров
« Ответ #15 : 25.03.2012, 15:46:20 »
У меня в версии 3.5.1 использую так: В файле com_jshopping\templates\default\list_products\product.php
Код
<A data-lightbox="width:640;height:480;" Href="<?php print str_replace('thumb','full',$product->image);?>">
<Img Class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" />
</A>
Немного воображения и логики, и любая проблема становится решенной.
Кривые решения - дают кривой результат!
Решения для JoomShopping
Благодарности и поддержка принимаются по след. реквизитам:
Яндекс.Деньги - 41001751720054
*

Alienoff

  • Осваиваюсь на форуме
  • 181
  • 0
Re: LightBox на странице списка товаров
« Ответ #16 : 25.03.2012, 21:32:53 »
вставил...
Картинка открывается, но нет кнопки-крестика "закрыть"
при щелчках по картинке, рядом с картинкой она не закрывается.
помогает только кнопка "назад" в браузере
« Последнее редактирование: 25.03.2012, 21:52:02 от Alienoff »
*

andrea2509

  • Осваиваюсь на форуме
  • 108
  • 5
Re: LightBox на странице списка товаров
« Ответ #17 : 02.09.2012, 22:10:29 »
А у меня вот так заработало:

Код
<a class="lightbox" href="<?php print str_replace('thumb','full',$product->image);?>">
<Img class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" />
</a>
*

Linfuby

  • Живу я здесь
  • 1243
  • 174
  • Всё просто...
Re: LightBox на странице списка товаров
« Ответ #18 : 03.09.2012, 12:39:36 »
А у меня вот так заработало:

Код
<a class="lightbox" href="<?php print str_replace('thumb','full',$product->image);?>">
<Img class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" />
</a>
Да, действительно я написал как использовать не стандартный Lightbox, а от WARP6 от YooTheme.
Немного воображения и логики, и любая проблема становится решенной.
Кривые решения - дают кривой результат!
Решения для JoomShopping
Благодарности и поддержка принимаются по след. реквизитам:
Яндекс.Деньги - 41001751720054
*

andrea2509

  • Осваиваюсь на форуме
  • 108
  • 5
Re: LightBox на странице списка товаров
« Ответ #19 : 05.09.2012, 00:01:45 »
Linfuby
Не подскажете, где прописать прописать lightbox для списка товаров одного производителя, судя по всему где-то в файле manufacturers.php
Но не могу понять где именно прописать
*

andrea2509

  • Осваиваюсь на форуме
  • 108
  • 5
Re: LightBox на странице списка товаров
« Ответ #20 : 05.09.2012, 00:45:28 »
Вопрос снят, не хватало JSFactory::loadJsFilesLightBox();
в файле
components/com_jshopping/controllers/manufacturer.php
*

aslanamirov

  • Осваиваюсь на форуме
  • 88
  • 4
  • Ййехаа!
Re: LightBox на странице списка товаров
« Ответ #21 : 04.09.2014, 08:20:17 »
Ребята, я все сделал как вы и советовали у меня ничего не получилось, потом погуглил и нашел что строчку
Код
JSFactory::loadJsFilesLightBox();
в файле /components/com_jshopping/controllers/category.php надо вставлять после строчки
Код
$dispatcher->trigger('onAfterLoadCategory', array(&$category, &$user));
где то на 70 строчке иначе библиотеки Lightbox не подключаются в категориях и у меня все заработало - Joomla 2.5.22 + JoomShopping 3.14.3

Пасибо!  :D
*

cirip

  • Осваиваюсь на форуме
  • 49
  • 0
Re: LightBox на странице списка товаров
« Ответ #22 : 08.10.2016, 21:40:51 »
Всем привет. Подскажите как прописать на сайте http://uvelir/shop/category/view/307.html lightbox. Делаю как тут описываете но не получается.

Все получилось. Вот код с которым все нормально и все как надо.
Код
<a class="images" src="<?php print $product->image?>"/>
 <a class="lightbox" href="<?php print str_replace('thumb','full',$product->image);?>" />
Но очень хочется сделать что бы при наведении на картинку она выделялась. Первый код строки вроде как отвечает за выделение картинки, но все равно не получается.
*

nevigen

  • Moderator
  • 8923
  • 755
  • http://n*****n.com
Re: LightBox на странице списка товаров
« Ответ #23 : 09.10.2016, 08:48:31 »
что значит выделялась ?
это делается через CSS :hover
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

cirip

  • Осваиваюсь на форуме
  • 49
  • 0
Re: LightBox на странице списка товаров
« Ответ #24 : 10.10.2016, 00:03:34 »
что значит выделялась ?
это делается через CSS :hover
До этого у меня бал код такой <a class="images" > и как http://vovkas6l.bget.ru/#tab------------------------------------ при наведение мышки картинка увеличивалась немного.
*

dmitry_stas

  • Профи
  • 10059
  • 955
Re: LightBox на странице списка товаров
« Ответ #25 : 10.10.2016, 00:56:30 »
Цитировать
Вот код с которым все нормально и все как надо.
интересно, что именно тут как надо? во-первых тег <a> - это парный тег. во-вторых у тега <a> нет атрибута "src". в-третьих классы можно писать и в одном теге через пробел.
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

cirip

  • Осваиваюсь на форуме
  • 49
  • 0
Re: LightBox на странице списка товаров
« Ответ #26 : 10.10.2016, 01:30:35 »
интересно, что именно тут как надо? во-первых тег <a> - это парный тег. во-вторых у тега <a> нет атрибута "src". в-третьих классы можно писать и в одном теге через пробел.
То есть Lightbox открывается как мне хотелось, а вот с тегами пока не очень силен! Код сейчас такой, а переделал 15-16 строчка!
Код
1<div class="product item_inner shadow-radial productitem_<?php print $product->product_id?>">
2    <div class = "image">
3        <?php if ($product->image){?>
4        <div class="image_block">
5 <?php print $product->_tmp_var_image_block;?>
6            <?php if ($product->label_id){?>
7                <div class="product_label">
8                    <?php if ($product->_label_image){?>
9                       <img src="<?php print $product->_label_image?>" alt="<?php print htmlspecialchars($product->_label_name)?>" />
10                    <?php }else{?>
11                        <span class="label_name"><?php print $product->_label_name;?></span>
12                    <?php }?>
13                </div>
14            <?php }?>
15   <a class="images" src="<?php print $product->image?>"/>
16   <a class="lightbox" href="<?php print str_replace('thumb','full',$product->image);?>" />
17 <?php if(isset($images[1])) {
18 $image_second = ($this->config->image_product_live_path).'/'.($images[1]->image_thumb); ?>
20 <img class="jshop_img first-image" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>"                                         21title="<?php print htmlspecialchars($product->name);?>"  />
22 <img class="jshop_img second-image" src = "<?php print $image_second; ?>" alt="" />
23 <?php } else{ ?>
24 <img class="jshop_img single-image" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" 25title="<?php print htmlspecialchars($product->name);?>"  />
26 <?php } ?>
27 </a>
28        </div>
29        <?php }?>
30    </div>
31    <div class = "vina_content">
*

nevigen

  • Moderator
  • 8923
  • 755
  • http://n*****n.com
Re: LightBox на странице списка товаров
« Ответ #27 : 10.10.2016, 08:19:18 »
....... а вот с тегами пока не очень силен!
1. всегда есть htmlbook.ru  и можно подсмотреть.
2. я же выше написал... используйте CSS для стилизации эффектов наведения. или Квери (но не думаю что это будет проще)
3. сделайте такую же структуру вложенности как у блоков на главной (соблюдая классы)... там где есть эффект
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !
*

cirip

  • Осваиваюсь на форуме
  • 49
  • 0
Re: LightBox на странице списка товаров
« Ответ #28 : 10.10.2016, 12:26:37 »
1. всегда есть htmlbook.ru  и можно подсмотреть.
2. я же выше написал... используйте CSS для стилизации эффектов наведения. или Квери (но не думаю что это будет проще)
3. сделайте такую же структуру вложенности как у блоков на главной (соблюдая классы)... там где есть эффект
Благодарю за помощь. Будем изучать!
*

dmitry_stas

  • Профи
  • 10059
  • 955
Re: LightBox на странице списка товаров
« Ответ #29 : 10.10.2016, 12:38:36 »
в предыдущем посте я вам дал прямую ссылку на тег а. посмотрите, как его правильно писать.
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Видео в списке товаров

Автор Makewebs

Ответов: 8
Просмотров: 55
Последний ответ 20.09.2017, 11:20:14
от vipiusss
Сортировка товаров по принципу Яндекс.Маркета

Автор MANUNY

Ответов: 67
Просмотров: 6265
Последний ответ 19.09.2017, 20:17:51
от dmitry_stas
Вывод отдельных товаров на главной странице в художественном оформлении

Автор nastali96

Ответов: 8
Просмотров: 104
Последний ответ 16.09.2017, 21:49:01
от nevigen
Скрыть фильтр товаров под спойлер для мобильных

Автор yurykom

Ответов: 25
Просмотров: 421
Последний ответ 07.09.2017, 19:25:21
от nastali96
Перенесено: Восстановление пароля на новой странице

Автор nevigen

Ответов: 0
Просмотров: 23
Последний ответ 06.09.2017, 07:38:48
от nevigen