Новости Joomla

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

Одна из самых популярных и старейших фото-галерей для Joomla получила новую версию.

👉 v.4.3.0. Что нового?
Панель управления для зарегистрированных пользователей. В этой версии появилась возможность каждому зарегистрированному пользователю управлять своими категориями и изображениями во фронтенде сайта.

Документация по новой функции.
Сайт проекта

@joomlafeed

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Вы уверенно чувствуете себя перед камерой, динамичны, обаятельны и всегда улыбаетесь? Чувствуете себя искателем приключений, готовым поделиться своими исследованиями CMS Joomla!, взять интервью у видных деятелей сообщества, пообщаться лично или по видеосвязи с волонтерами Joomla или отправиться на поиски новых идей?

Joomla ищет одного или нескольких волонтеров, готовых вдохнуть новую жизнь в обсуждение Joomla, ее CMS, пользователей, сообщества и многого другого.

Возможны самые разные форматы и темы: шортсы, интервью, аналитика и разборы в режиме реального времени, быстрые советы и рекомендации, знакомство с миром Joomla, изучение открытого исходного кода... Нет никаких ограничений!

Joomla! уже активно представлена ​​во многих социальных сетях:
- 155K подписчиков на Facebook,
- 55K подписчиков на X (ранее Twitter),
- 16K подписчиков на YouTube,
- 14K подписчиков на LinkedIn,
- 5,7K подписчиков в Instagram
а так же другие площадки ждут вас. Аккаунты Threads и Bluesky относительно новые, но их популярность только растёт!

А если хватит энергии, можно рассмотреть и TikTok!

❓ Итак, вы готовы?
👉 Свяжитесь с отделом маркетинга по адресу: marketing@community.joomla.org

Подробности в статье в Joomla Community Magazine.

@joomlafeed

Количество расширений в Joomla Extensions Directory вновь стало расти.

1 2  Все   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 32 Ответов
  • 6794 Просмотров
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Мини-галерея в карточке товара
« : 19.03.2012, 19:42:00 »
Натыкался когда-то на такую тему, а сейчас не могу найти.
В карточке товара есть главное изображение и дополнительные. Главное большое, дополнительные маленькие. Открываются при клике во всплывающем окне и те и те. Нужно, чтоб при клике на маленькое изображение оно заменяло собой большое, а уже при клике на большое - всплывающее окно. Вирт 1.1.6
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Мини-галерея в карточке товара
« Ответ #1 : 19.03.2012, 19:50:49 »
Вот смотри делал недавно заказчику с этого форума.
Принцип тот же, правда еще проще можно
Код
$('.view').click(function () {
		var ind = $('.view').index(this);
		$('#slide').html(obj[ind]);	
    });
	});
Записан
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: Мини-галерея в карточке товара
« Ответ #2 : 19.03.2012, 22:04:55 »
Записан
*

tefun

  • Живу я здесь
  • 2540
  • 130 / 1
  • Легче всего обмануть себя
Re: Мини-галерея в карточке товара
« Ответ #3 : 19.03.2012, 22:48:45 »
Efanych

http://joomlaforum.ru/index.php/topic,114323.0.html

результат
http://4play.by/100-PlayStation-3/102-Aksessuary/422-Playstation-Move-Starter-Pack.html

да только вот еще тоже самое было в решенных вопросах для Вирта, а теперь их нет :( после разделения веток, короче в "решенных вопросах" было решение
Записан
то что постится на фОруме, не вырубается тапОрами
_______________________________________________
Мысли и женщины вместе не приходят М.Ж.
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Мини-галерея в карточке товара
« Ответ #4 : 20.03.2012, 11:43:22 »
Фигасе вариантов... Один другого краше :) Сделал на CSS по варианту http://html-css.info/2010/04/photogallery-css-no-js/ Вот flypage.
Спойлер
[свернуть]
Но немного смущает смещение страницы при клике.Пытаюсь скриптом сделать.
Скрипт присобачил, что flyingspook дал (onclick="javascript:document.getElementById(\'zoomoo\').src = this.src"), но теперь запутался с подключением модалки. Реально ли подменить адрес ссылки, в зависимости от выбраной картинки? Если будет активной главная картинка, то ссылка нужна
href="components/com_virtuemart/shop_image/product/<?php echo $product_full_image; ?>"
, а если доп изображение, то
href="<?php echo $image->file_url; ?>"
накрайняк сойтёт заменять на адрес активной картинки.

Спойлер
[свернуть]
Ну и вопрос для общего развития. :) Дополнительные картинки имеют превьюшки и большое фото или только большое?
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

flyingspook

  • Moderator
  • 3590
  • 247 / 9
Re: Мини-галерея в карточке товара
« Ответ #5 : 20.03.2012, 13:43:17 »
Цитировать
Дополнительные картинки имеют превьюшки и большое фото или только большое?
какие сам укажешь такие и будут
на фляпедж если картинки не фото 4000рх на 2000рх, а именно оптимизированные изображения и их не 20 и более штук а до десятка то можно все делать из больших, они и не нагрузят сервер и откроются в попапе сразу без тормозов

на счет модалки пропиши не просто класс а как и идет рел с шириной и высотой попробуй не помню точно как именно
rel="{handler:'iframe',size:{x:520,y:710}}"
что то тип того
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Мини-галерея в карточке товара
« Ответ #6 : 20.03.2012, 13:58:20 »
Цитировать
на фляпедж если картинки не фото 4000рх на 2000рх, а именно оптимизированные изображения
Именно 4000рх на 2000рх, но не критично, всего 3 штуки, работает нормально. Всё равно лезть туда не буду.
Цитировать
на счет модалки пропиши не просто класс а как и идет рел с шириной и высотой попробуй не помню точно как именно
rel="{handler:'iframe',size:{x:520,y:710}}"
что то тип того
Это не то. Я использую плагин modalizer (colorbox). (но это к слову). Всё равно ссылка останется на главное изображение.
Вот мне кажется примерный алгоритм.
Ввести переменную, типо
$modal_url=src активного изображения,
а её подставлять в урл, но как определить src активного изображения (да и неактивного впринципе :)) я не знаю.
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

flyingspook

  • Moderator
  • 3590
  • 247 / 9
Re: Мини-галерея в карточке товара
« Ответ #7 : 20.03.2012, 16:50:54 »
из примера src это <?php echo $image->file_url; ?>
попробуй обернуть
<a href="<?php echo $image->file_url; ?>" class="modal")">
<img id="zoomoo" class="zoomoo" src="<?php echo $image->file_url; ?>" alt="<?php echo $product_name ?>" width="180px" height="180px"></a>
но не факт что получиться
Записан
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Мини-галерея в карточке товара
« Ответ #8 : 20.03.2012, 18:54:30 »
Цитировать
<a href="<?php echo $image->file_url; ?>"
Нет. Не определяет эту переменную здесь. вникуда ссылка получается.
Ну да ладно, вариант на CSS очень даже  шикарный, а скачок расценивается скорее как акцентирование внимания на картинке.
Всем спасибо.
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #9 : 05.07.2013, 20:00:08 »
Цитата: Efanych от 20.03.2012, 11:43:22
Пытаюсь скриптом сделать.
Скрипт присобачил, что flyingspook дал (onclick="javascript:document.getElementById(\'zoomoo\').src = this.src"),

Спойлер
[свернуть]

А у вас заработал вариант со скриптом? у меня вроде кажет, только по умолчанию нет главной картинки, один титл от неё))) и там вроде ТРИ ошибки в коде типа незакрытого скрипта и еще...
Как все-таки там скриптом показывать большую картинку, когда открываешь страничку? начниет показывать при клике по тумбам, а главного изображения так и не открыть((( идейка интересная! хэлп!

я вот так подправил, а то вообще белый экран был, но главной картинки пока нет(((
   
Спойлер
[свернуть]
« Последнее редактирование: 05.07.2013, 20:05:54 от verstalshik »
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Мини-галерея в карточке товара
« Ответ #10 : 05.07.2013, 20:23:33 »
Насколько помню, заменил flypage полностью портянкой flyingspook - всё заработало и легко потом допилилось. Но потом так и не решил вопрос с модалкой и забросил.
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #11 : 05.07.2013, 20:40:49 »
на той портянке показ по наведению мышкой... (((
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Мини-галерея в карточке товара
« Ответ #12 : 05.07.2013, 20:45:24 »
Ну, это всего-навсего onmouseover/onclick
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #13 : 05.07.2013, 21:27:43 »
ок, спасибо! буду пилить! еще бы главное изображение товара как-то подгрузить))
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Мини-галерея в карточке товара
« Ответ #14 : 05.07.2013, 21:50:58 »
Ну а как главное подгружается можно посмотреть в стандартной карточке товара...
Записан
Создание сайтов, шаблонов, помощь в решении проблем.
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #15 : 05.07.2013, 22:14:46 »
да наверное я уже на верном пути))) мне модал эффект наф не нужен, просто переключение картинок кликаньем по тумбам
наверное в блок вывести главное, а сверху остальные лепить скриптом?
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #16 : 05.07.2013, 23:00:16 »
хотя там скрипт пытается подгружать в качестве главного изображения (которое показывается при открытии страницы) вот такое странное изображение с таким странным путем:
/resized/_________________51717f71bd796_200x190.jpg
а главная фотка вот какая должна быть:
/components/com_virtuemart/shop_image/product/_________________51717f71c91fc.jpg
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #17 : 06.07.2013, 21:05:25 »
не вставляет полный путь для первой картинки (которая типа главная), вот и не показывается она у меня, блин, даже не знаю, куда дальше рыть))
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

artlux

  • Захожу иногда
  • 466
  • 58 / 0
Re: Мини-галерея в карточке товара
« Ответ #18 : 06.07.2013, 21:13:36 »
/components/com_virtuemart/shop_image/product/<?php echo $product_full_image ?> - так работает? и для 1.1. надо верно?
Записан
Разработка расширений: Joomla 1.5+, Bitrix 12+, Мобильные приложения для сайтов под Android (PhoneGap).
Для бонусов: Z136221252622, R242724126443, U423945028202. +79211696184(Мегафон), или плюсик в репу!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #19 : 06.07.2013, 21:38:02 »
там скрипт берет уменьшенную копию главной картинки и полный путь не подставляет

щас кстати появилась главная картинка в ряду тумбов, что-то и не подумал про приведенный вами способ))) спс.
теперь на место, где большой размер показывается, осталось вклеить главную картинку
« Последнее редактирование: 06.07.2013, 21:44:15 от verstalshik »
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #20 : 06.07.2013, 21:45:12 »
вот сюда надо полный путь вписать, что-то я в кавычках запутался))
Код
<img id='zoomoo' class='zoomoo' src='".$product_thumb_image."'>
и наверное все-таки product_full_image надо впихивать, а не тумб этот...
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

artlux

  • Захожу иногда
  • 466
  • 58 / 0
Re: Мини-галерея в карточке товара
« Ответ #21 : 06.07.2013, 21:49:02 »
<img id='zoomoo' class='zoomoo' src='".$product_thumb_image."'> - здесь то как раз атки не нужен полный путь

Код
 echo '<a style="display:block" name="'.ereg_replace("/components/com_virtuemart/shop_image/product/", "", $image->file_name ).'" class="modal"  href="'.$image->file_url.'">';

вот гдето тут надо вписывать как я понел... вообще напечатайте массив $images, что в нем?

Код
echo'<pre>';print_r($images);echo'</pre>';
Записан
Разработка расширений: Joomla 1.5+, Bitrix 12+, Мобильные приложения для сайтов под Android (PhoneGap).
Для бонусов: Z136221252622, R242724126443, U423945028202. +79211696184(Мегафон), или плюсик в репу!
*

artlux

  • Захожу иногда
  • 466
  • 58 / 0
Re: Мини-галерея в карточке товара
« Ответ #22 : 06.07.2013, 21:51:22 »
если я конечно окончательно не запутался :)....

С дополнительными фотками у вас все нормально?
Записан
Разработка расширений: Joomla 1.5+, Bitrix 12+, Мобильные приложения для сайтов под Android (PhoneGap).
Для бонусов: Z136221252622, R242724126443, U423945028202. +79211696184(Мегафон), или плюсик в репу!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #23 : 06.07.2013, 21:54:22 »
блин, вроде заработало!! вау!
подставил пути и все!! хотя про это вроде знал, но чего-то не решался)))
вот рабочий вариант
Код
<div id="full">
<img id='zoomoo' class='zoomoo' src="/components/com_virtuemart/shop_image/product/<?php echo $product_full_image ?>">
</div>
<div class="mini">
<?php
echo '<img src="/components/com_virtuemart/shop_image/product/'.$product_full_image.'" width="65" height="90" alt="'.$product_name.'" style="border:1px solid #ccc;" onclick="javascript:document.getElementById(\'zoomoo\').src = this.src" />';
foreach( $images as $image )
{
echo '<img src="'.$image->file_url.'" width="65" height="90" alt="'.$product_name.'" style="border:1px solid #ccc;" onclick="javascript:document.getElementById(\'zoomoo\').src = this.src" />';
}
?>
</div>
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #24 : 06.07.2013, 21:54:58 »
вот еще насчет этой строки сомнения, может без пути полного ее можно?
Код
<img id='zoomoo' class='zoomoo' src="/components/com_virtuemart/shop_image/product/<?php echo $product_full_image ?>">
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #25 : 06.07.2013, 21:56:23 »
модалка не нужна, т.е. такой простой вариант галереи...
СПС огромное, artlux !  ну и ефанычу тоже))) хотя он там навертел блин первоначально)))

как посоветуете размер большой картинки поджать для вписывания в дизайн? чтобы не перезаливать?
вот вижу два пути:
1. задать нужную ширину и высотублоку, а для img, который внутри этого блока, поставить width:100%
2. или сразу для img задавать размеры?

а если пропорции разные, т.е. одновременно высоту и ширину нереально забить?
« Последнее редактирование: 06.07.2013, 22:03:26 от verstalshik »
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

artlux

  • Захожу иногда
  • 466
  • 58 / 0
Re: Мини-галерея в карточке товара
« Ответ #26 : 06.07.2013, 22:00:25 »
Цитировать
вот еще насчет этой строки сомнения, может без пути полного ее можно?

ну можете переменную сделать... как в примере... :)

Код
$product_image = "components/com_virtuemart/shop_image/product/".$product_full_image;
Записан
Разработка расширений: Joomla 1.5+, Bitrix 12+, Мобильные приложения для сайтов под Android (PhoneGap).
Для бонусов: Z136221252622, R242724126443, U423945028202. +79211696184(Мегафон), или плюсик в репу!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #27 : 06.07.2013, 22:06:14 »
Код
$product_image = "components/com_virtuemart/shop_image/product/".$product_full_image;
это куда, в theme.php ?
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
*

artlux

  • Захожу иногда
  • 466
  • 58 / 0
Re: Мини-галерея в карточке товара
« Ответ #28 : 06.07.2013, 22:08:36 »
да нее там же в шаблоне... вообщем можно не заморачиваться - производительность и т.п. от этого не прибавится...
А по поводу полного пути к изображению в VirtueMart 1.1 в шаблоне его нет... так что в этом варианте будет правильно
Записан
Разработка расширений: Joomla 1.5+, Bitrix 12+, Мобильные приложения для сайтов под Android (PhoneGap).
Для бонусов: Z136221252622, R242724126443, U423945028202. +79211696184(Мегафон), или плюсик в репу!
*

verstalshik

  • Завсегдатай
  • 1754
  • 95 / 1
Re: Мини-галерея в карточке товара
« Ответ #29 : 06.07.2013, 22:19:51 »
artlux, у вас в подписи все верно? вторая строчка.
Записан
❶ НЕ СПРАВЛЯЕШЬСЯ САМ???  Поможем тут...  ❷ Калькулятор доставки - ЗАКАЖИ!!!...  ❸ Каталог компаний - ЖМИ!!!...  ❹ НОВИЧКИ! ВСЕ сюда! Первая консультация БЕСПЛАТНО!!
1 2  Все   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

VirtueMart не может создать мини-изображение из .jpeg-файла

Автор Nick IntegraLL

 Ответов: 13
Просмотров: 12592 		Последний ответ 19.08.2025, 09:55:52
от AgentSmith
Настройки отображения товара

Автор wectra

 Ответов: 2
Просмотров: 5067 		Последний ответ 12.07.2017, 22:12:27
от wectra
Несколько изображений для товара/ Лупа для изображения/ Magic Zoom

Автор antoha333

 Ответов: 41
Просмотров: 27643 		Последний ответ 13.11.2015, 16:08:16
от sonics
Как реализовать на VirtueMart такую карточку товара?

Автор AdmbVlad

 Ответов: 0
Просмотров: 2643 		Последний ответ 14.10.2015, 17:01:55
от AdmbVlad
Вставить картинку в карточку товара через URL и создать его миниатюру

Автор sashgera

 Ответов: 8
Просмотров: 3703 		Последний ответ 14.02.2015, 21:12:46
от sashgera