---

--  ->   Интеграция дизайна, настройка системы  ->  гаджете "Лента изображений" (банер)


Вопросы по интеграции, настройке шаблонов, конфигурации системы.



Добавлено: 12.01.13 13:02:40 #1



Регистрация: 26.12.12
Сообщений: 6


Обратиться по имени

Как в гаджете "Лента изображений" (банер), добавить ссылки к картинкам?
Добавлено: 14.01.13 11:07:23 #2



Регистрация:


Обратиться по имени

ArgosOleg, в шаблоне imagetape_slideshow.tpl (шаблон указывается в настройках гаджета, соответственно нужно редактировать необходимый вам), в сете var="image", например, конструкцию с изображением:

<img class="image-tape__img" alt="##alt##" title="##title##" src="##src##" />

обернуть тегом со ссылкой:

<a href="##url##"><img class="image-tape__img" alt="##alt##" title="##title##" src="##src##" /></a>
Добавлено: 14.01.13 14:10:42 #3



Регистрация: 26.12.12
Сообщений: 6


Обратиться по имени

сделал так как написали, но вот ещё в чем дело, где задавать ссылки для картинок?, в настройках картинки я указывал в всплывающих изображениях, ссылку, но я так понимаю она ни как не относится к нужной картинке,
так вот где мне указывать ссылку к картинке, а то в шаблоне оно формирует тег "а", но так как к картинке не относится ссылка, то задается ссылка на сам магазин.
Добавлено: 14.01.13 14:43:26 #4



Регистрация:


Обратиться по имени

ArgosOleg, указывается как раз таки во всплывающем изображении гаджета. Ссылка подставляется вместо ##url##. По-умолчанию ссылку в шаблоне не предусматривали, поэтому его нужно дорабатывать в соответствии с вашими требованиями (формировать корректный вывод всех ссылок для каждого изображения, вероятно использовать JavaScript). На данный момент готового решения нет.
Добавлено: 28.08.13 22:04:12 #5



Регистрация: 21.02.12
Сообщений: 6


Обратиться по имени

Артем (artemz), какими могут быть особенные требования? Думаю все хотят стандартную возможность добавить конкретному изображению, конкретную ссылку. Почему Амиро не хочет сделать этого в базе, уже не одну тему на форуме вижу по данному вопросу, также вопрос на идеях, не говорю про то, что наверняка пишут в саппорт. Напишите, пожалуйста, краткую инструкцию для нас "неспециалистов", раз этого нет в базе.
Добавлено: 29.08.13 13:34:23 #6



Регистрация:


Обратиться по имени

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

Сет var="image":

##descr## - поле "Описание", находится во вкладке "Всплывающее изображение";
##popupsrc## - путь до картинки всплывающего изображения;
##src## - путь до картинки обычного изображения;
##alt## - поле "Альтернативный текст";
##title## - поле "Всплывающий текст";
##header## - поле "Заголовок", находится во вкладке "Всплывающее изображение";
##url## - поле "Ссылка", находится во вкладке "Всплывающее изображение";
##urlcapt## - поле "Заголовок ссылки", находится во вкладке "Всплывающее изображение";
##groupname## - имя группы изображений;
##group## - системный номер группы гаджета;

Сет var="template":

##group## - системный номер группы гаджета;
##imageset## - вывод всех изображений из сета var="image";
##initial_image## - изображение показываемое по-умолчанию, первое из списка;
##scroll## - направление скролла (0 - горизонтальный, 1 - вертикальный);
##width## - ширина видимой области (px);
##height## - высота видимой области (px);
##totalw## - полная ширина всех изображений из var="image" (px);
##totalh## - полная высота всех изображений из var="image" (px);
##imgwidth## - ширина обычного изображения ленты (px);
##imgheight## - высота обычного изображения ленты (px);
##scrollto## - на сколько пикселей скроллить;
##slidername## - имя для объекта слайдера.

Сет var="delimiter" - разграничитель рядов ленты.

Готовый шаблон, с учетом использования ссылок по клику на изображения.
##--system info: module_owner="" module="" system="1"--##
<!--#set var="image" value="
##setglobalvar @imagetape_counter = imagetape_counter + 1##
<span data-ami-img="##if(popupsrc)####popupsrc####else####src####endif##" data-ami-url="##url##" id="imagetape-autoplay__##imagetape_counter##-##group##" onclick="imagetapeAutoplay(this.id); clearInterval(imagetape##group##);" class="imagetape-autoplay__row">##imagetape_counter##<img src="##if(popupsrc)####popupsrc####else####src####endif##" style="display: none;" /></span>
"-->

<!--#set var="template" value="
<div class="imagetape-autoplay">
    <div class="imagetape-autoplay__img">
        <a target="_blank" id="imagetape-autoplay__url-##group##" class="imagetape-autoplay__url" href="#"><img src="/_img/spacer.gif" class="spacer-on" id="imagetape-autoplay__img-##group##"/></a>
    </div>
    <div id="imagetape-autoplay__##group##" class="imagetape-autoplay__counter">
        ##imageset##
    </div>
</div>
<br class="imagetape-autoplay__splitter">

<style>
    .imagetape-autoplay {
        float: left;
        position: relative;
        border: 1px solid #000000;
    }
    .imagetape-autoplay__url img {float: left;}
    .imagetape-autoplay__splitter {
        clear: both;
        width: 100%;
        border: none;
        background: none;
    }
    .imagetape-autoplay__counter {
        bottom: 12px;
        position: absolute;
        right: 5px;
    }
    .imagetape-autoplay__row {
        background: none repeat scroll 0 0 #F0F0F0;
        border: 1px solid #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        color: #555555;
        cursor: pointer;
        margin-left: 5px;
        padding: 2px 7px;
    }
    .imagetape-autoplay__row-selected {
        background: none repeat scroll 0 0 #CE1717;
        border: 1px solid #CE1717;
        color: #FFFFFF;
    }
</style>

<script>
    function imagetapeAutoplay(id) {
        if(AMI.$('#imagetape-autoplay__img-##group##').hasClass('spacer-on')) {
            AMI.$('#imagetape-autoplay__img-##group##').removeAttr('class');
            imagetapeAutoplaySelect(id);
        } else {
            AMI.$('#imagetape-autoplay__img-##group##').fadeOut(300);
            setTimeout(function() {imagetapeAutoplaySelect(id); AMI.$('#imagetape-autoplay__img-##group##').fadeIn()}, 250);
    	}
    }
    function imagetapeAutoplaySelect(id) {
		AMI.$('#imagetape-autoplay__url-##group##').attr('href', AMI.$('#'+id).attr('data-ami-url'));
        AMI.$('#imagetape-autoplay__img-##group##').attr('src', AMI.$('#'+id).attr('data-ami-img'));
        AMI.$('.imagetape-autoplay__row').attr('class', 'imagetape-autoplay__row');
        AMI.$('#'+id).attr('class', 'imagetape-autoplay__row imagetape-autoplay__row-selected');
    }
    imagetapeAutoplay('imagetape-autoplay__1-##group##');
    function imagetapeAutoplayOn() {
        if(AMI.$('.imagetape-autoplay__row-selected').next()[0] == undefined) {
            nextId = AMI.$('.imagetape-autoplay__row').first().attr('id');
        } else {
            nextId = AMI.$('.imagetape-autoplay__row-selected').next().attr('id');
        }
        imagetapeAutoplay(nextId);
	}
    imagetape##group## = setInterval('imagetapeAutoplayOn()', 4000);
</script>
"-->


Создать статью Ответить
ВебСтолица.РУ: создай свой бесплатный сайт!  | Пожаловаться  
Движок: Amiro CMS