[Решено] highslide в Virtuemart 1.1.2 и 1.0.15 - красивые всплывающие окна

[Droff]

Решение проблемы двойного открытия lightbox с установленным YOOeffects

Ссылка не работает, может кт ознает как решить эту проблему?

[Droff]

Ссылка не работает, может кт ознает как решить эту проблему?

решил проблему, поставил highslide.
Один вопрос: никак не получается включить навигацию между картинками(вперед, назад, слайдшоу)
Где рыть подскажите?

[streelok]

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

[John316]

Помогите советом пожалуйста! Вот здесь я уже спрашивал, но никто не ответил. Суть вопроса - есть imagesize 2.0 black edition, это переделанный скрипт highslide, чтобы он мог показывать дополнительные картинки, автор переделки - ecomsite.ru, но там все заглохло, спросить не у кого. Этот скрипт стоит у меня на странице товара, все работает хорошо, а вот как его прикрутить, чтобы он работал на странице категории? Может у кого есть такая штука? Я так понимаю надо поправить browse-x.php, но вот какой код в него вставлять не знаю..

Вот тут я описал решение к подобной проблеме http://joomlaforum.ru/index.php/topic,104303.msg761838.html#msg761838

[John316]

решил проблему, поставил highslide.
Один вопрос: никак не получается включить навигацию между картинками(вперед, назад, слайдшоу)
Где рыть подскажите?

Офф. сайт http://highslide.com/ там различные варианты скриптов есть, возьмите нужный и прикрутите к своему изображению, примеры там даются, есть и с навигацией и со слайдшоу.

[John316]

включил ЧПУ (sh404sef) и теперь эффект пропал
Ума не приложу, что меняется при включение и выключении ЧПУ для ссылки на большую картинку?

Решил проблему с ЧПУ (sh404sef)
В панели управления sh404SEF - Конфигурация - Расширенные - Режим Перезаписи (Rewriting) - Исп. .htaccess. Этот файл по умолчанию назван в корне как htaccess.txt Нужно переименовать в .htaccess  Там должно быть содержимое как дается в топике по настройке компонента:

Код:

##
# @version $Id: htaccess.txt 10492 2008-07-02 06:38:28Z ircmaxell $
# @package Joomla
# @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
# @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
# Joomla! is Free Software
##


#####################################################
#  READ THIS COMPLETELY IF YOU CHOOSE TO USE THIS FILE
#
# The line just below this section: 'Options +FollowSymLinks' may cause problems
# with some server configurations.  It is required for use of mod_rewrite, but may already
# be set by your server administrator in a way that dissallows changing it in
# your .htaccess file.  If using it causes your server to error out, comment it out (add # to
# beginning of line), reload your site in your browser and test your SEF url's.  If they work,
# it has been set by your server administrator and you do not need it set here.
#
#####################################################

##  Can be commented out if causes errors, see notes above.
Options +FollowSymLinks

#
#  mod_rewrite in use

RewriteEngine On

########## Begin - Rewrite rules to block out some common exploits
## If you experience problems on your site block out the operations listed below
## This attempts to block the most common type of exploit `attempts` to Joomla!
#
# Block out any script trying to set a mosConfig value through the URL
RewriteCond %{QUERY_STRING} mosConfig_[a-zA-Z_]{1,21}(=|\%3D) [OR]
# Block out any script trying to base64_encode crap to send via URL
RewriteCond %{QUERY_STRING} base64_encode.*\(.*\) [OR]
# Block out any script that includes a <script> tag in URL
RewriteCond %{QUERY_STRING} (\<|%3C).*script.*(\>|%3E) [NC,OR]
# Block out any script trying to set a PHP GLOBALS variable via URL
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]
# Block out any script trying to modify a _REQUEST variable via URL
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2})
# Send all blocked request to homepage with 403 Forbidden error!
RewriteRule ^(.*)$ index.php [F,L]
#
########## End - Rewrite rules to block out some common exploits

#  Uncomment following line if your webserver's URL
#  is not directly related to physical file paths.
#  Update Your Joomla! Directory (just / for root)

# RewriteBase /


########## Begin - Joomla! core SEF Section
############# Use this section if using ONLY Joomla! core SEF
## ALL (RewriteCond) lines in this section are only required if you actually
## have directories named 'content' or 'component' on your server
## If you do not have directories with these names, comment them out.
#
#RewriteCond %{REQUEST_FILENAME} !-f
#RewriteCond %{REQUEST_FILENAME} !-d
#RewriteCond %{REQUEST_URI} ^(/component/option,com) [NC,OR] ##optional - see notes##
#RewriteCond %{REQUEST_URI} (/|\.htm|\.php|\.html|/[^.]*)$ [NC]
#RewriteRule ^(content/|component/) index.php
#
########## End - Joomla! core SEF Section


########## Begin - 3rd Party SEF Section
############# Use this section if you are using a 3rd party (Non Joomla! core) SEF extension - e.g. OpenSEF, 404_SEF, 404SEFx, SEF Advance, etc
#
RewriteCond %{REQUEST_URI} ^(/component/option,com) [NC,OR] ##optional - see notes##
RewriteCond %{REQUEST_URI} (/|\.htm|\.php|\.html|/[^.]*)$ [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*) index.php
#
########## End - 3rd Party SEF Section

После этого у меня заработало. Но для всплывающих картинок я пользовался решение, которое описал тут http://joomlaforum.ru/index.php/topic,104303.msg761838.html#msg761838

Демо: www.aroma.inf.ua

[kisens]

Офф. сайт http://highslide.com/ там различные варианты скриптов есть, возьмите нужный и прикрутите к своему изображению, примеры там даются, есть и с навигацией и со слайдшоу.

Подскажите, пож, более подробно какой скрипт скачать и куда его нужно вставить?

[fanatjan]

доброго времени суток. народ кто знает как в VirtueMart сделать чтобы название категории не нажималось(не кликает)?, но при этом подкатегории открывались при нажатии +, Я не знаю php можно ли это сделать с помощью настроек.Заранее благодарим

[zmancer]

http://joomlaforum.ru/index.php/topic,154616.0.html вот еще один лайтбокс и инструкция по прикручиванию

[Одессит]

решил проблему, поставил highslide.
Один вопрос: никак не получается включить навигацию между картинками(вперед, назад, слайдшоу)
Где рыть подскажите?

Самому очень нужно было такое решение, но нигде не мог найти. Пришлось всю ночь мучиться с примерами, описанными на оф.сайте highslide.
В итоге получилось сделать навигацию между изображениями товара (как в категориях, так и в карточке товара). Может кому будет полезным.

<?php
   if (@$option=='com_virtuemart' ) { ?>
<script type="text/javascript" src="/highslide/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
hs.captionEval = 'this.thumb.alt';
hs.headingOverlay.position = "top";
hs.headingOverlay.width = "100%";
hs.headingOverlay.opacity = .75;
hs.headingOverlay.hideOnMouseOut = true;
hs.align = 'center';
hs.showCredits = false;
hs.easing = 'linearTween';
hs.outlineType = 'outer-glow';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;
hs.addSlideshow({
// slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: true,
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
/ Optional: a crossfade transition looks good with the slideshow
hs.transitions = ['expand', 'crossfade'];
</script>
<style type="text/css">
.highslide-dimming {
background: black;
}
</style>
<?php }  ?>

Весь код вписан в шапке используемого мной шаблона.
Возможно здесь и что-то лишнее вписал, но так как у меня всё работает, то я и так доволен
Вот здесь рабочий пример: http://jangl.in.ua/katalog-tovarov.html?page=shop.browse&category_id=1

[gum777]

Нашел вот здесь http://ecomsite.ru/component/option,com_remository/Itemid,31/func,select/id,2/
скрипт для VirtueMart с эфектом highslide.
Все сработало. Очень даже красиво получилось: http://plast-torg.ru/index.php?option=com_virtuemart&page=shop.browse&category_id=21&Itemid=8
именно так, как я и хотел.

Ссылка  http://ecomsite.ru/component/option,com_remository/Itemid,31/func,select/id,2/ не работает поэтому не понятно как вы это сделали. Можно поподробнее какой скрипт использовали и куда что писали.

[terr]

не пашет, открывает в новом окне картинку

[chakivetal]

А кто на 1,1,8 такое делал? Ну все перепробовал(((... и загрустил)

В бровс сделал, а в карточке товара все равно на белом фоне открывается...

[Yliana]

Joomla 1.5.22 VM 1.1.9 работает в карточке товара, в том числе на дополнительных картинках, только в Explorer не хочет, там тупо открывает картинку в том же окне...

[sanekk]

а где взять русский highslide ? у кого есть локализация?

[chakivetal]

а где взять русский highslide ? у кого есть локализация?

В смысле русский?

[terr]

Спасиба все робит

[bev11321]

Почему-то в VirtueMart перестали всплывать картинки в карточке товара? в чем может быть причина?

[nevigen]

конфликтіы библиотек.Ищите после чего перестали работать. что ставили, что удаляли

[Olinda]

Как убрать серую рамку вокруг картинки товара которая появилась после установки этого скрипта, или хотя бы заменить ее на белую?  !

[nevigen]

CSS

[Olinda]

CSS это само собой, но где, в каком именно файле...
У меня вообще этот скрипт странно стал...
В файлах папки закачанной в корень highslide я пыталась поменять фразу 'Click to close image, click and drag to move. Use arrow keys for next and previous.' на фразу на русском языке. Но ничего не меняется. Я уже даже удалила эту папку, а скрипт все равно работает. Картинки товара увеличиваются, стрелок перемещения нет, но это мне не столько важно, но если нет значит что-то неправильно и не там я ищу. Так и с этой рамкой где ее вытягивает непонятно.

[nevigen]

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

[Olinda]

nevigen, спасибо за помощь, но что-то явно тут не то   !

Я полностью удалила скрипт и все что меняла, папку highslide не вставляла, в index.php шаблона скрипт не добавляла, начала с конца...

5) Открываем htmlTools.class.php
Поставила - $link = vmCommonHTML::hyperLink( $image_link, $text, '', $title, 'class="highslide" onclick="return hs.expand(this)"' );

Все стало точно так же если бы сделала первые два пункта...ладно, пусть, в принципе меня устраивает, кроме появившейся рамки вокруг картинок товара. НО изменить/убрать эту рамку или изменить фразу на английском "'Click to close image, click and drag to move..." я не могу. Я поиском искала ее по всем файлам - ее нет. Откуда ее вытягивает?  

[nevigen]

там где вставляете код скрипта добавьте в объвление

Показать текстовый блок

hs.lang = {
   cssDirection: 'ltr',
   loadingText: 'Загружается...',
   loadingTitle: 'Нажмите для отмены',
   focusTitle: 'Нажмите чтобы поместить на передний план',
   fullExpandTitle: 'Развернуть до оригинального размера',
   creditsText: 'Использует <i>Highslide JS</i>',
   creditsTitle: 'Перейти на домашнюю страницу Highslide JS',
   previousText: 'Предыдущее',
   nextText: 'Следующее',
   moveText: 'Переместить',
   closeText: 'Закрыть',
   closeTitle: 'Закрыть (esc)',
   resizeTitle: 'Изменить размер',
   playText: 'Слайдшоу',
   playTitle: 'Начать слайдшоу (пробел)',
   pauseText: 'Пауза',
   pauseTitle: 'Приостановить слайдшоу (пробел)',
   previousTitle: 'Предыдущее (стрелка влево)',
   nextTitle: 'Следующее (стрелка вправо)',
   moveTitle: 'Переместить',
   fullExpandText: 'Оригинальный размер',
   number: 'Изображение %1 из %2',
   restoreTitle: 'Нажмите чтобы закрыть изображение, нажмите и перетащите для изменения местоположения. Для просмотра изображений используйте стрелки.'
};

Рамку чтобы убрать уиспользуйте стили, классы посомтрите через ФаерБаг.
Или воспользуйтесь

Показать текстовый блок

.highslide-wrapper, .highslide-outline {
   background: #FFFFFF;
}
.highslide img {
   border: 1px solid #D0D0D0;
}
.highslide:hover img {
   border-color: #A0A0A0;
}
.highslide-image {
   border: 2px solid #FFFFFF;
}
.highslide-loading {
   color: black;
   border: 1px solid black;
   background-color: white;
   background-image: url(graphics/loader.white.gif);
}

цвета сами задайте или поставте бордер:ноне

[Olinda]

там где вставляете код скрипта добавьте в объвление

Абсолютно ничего не поменялось (
Посмотрите мое сообщение выше, на вставку или не вставку скрипта реакции нет, и без вставки скрипта картинки увеличиваются но почему непонятно ((

[nevigen]

Чесно надо смотреть сайт.
А я вообще завязал с ВМ, перешел на ЖумШоппинг.
И ковырятся опять в ВМ просто нет желания, чесслво
Мой совет переходите на Ж2.5.

ЗЫ. кстати обратите внимание, что использование ХайСлайда в коммерческих целях подразумевает покупку лицензии