Jump to content


Photo
- - - - -

JBzoo image ссылка на скачивание самой картинки

jbzoo image ссылка на скачивание

Best Answer Евгений888 , 21 May 2015 - 23:25

Пошел другим путем, если кому интересно на примере шаблона UIkit

Добавляем две новые позиции в нужный шаблон (например teaser.php) в нужном месте

		<?php if ($this->checkPosition('download-file')) : ?>
			<div class="download-file uk-grid">
					<?php echo $this->renderPosition('download-file'); ?>
			</div>
		<?php endif; ?>
		
		<?php if ($this->checkPosition('download-image')) : ?>
			<div class="download-image uk-grid uk-margin-small-top">
					<?php echo $this->renderPosition('download-image'); ?>
			</div>
		<?php endif; ?>

Не забываем отобразить их в positions.xml http://clip2net.com/s/3i577oW

Добавляем в вывод шаблона с нужными настройками элементы JBzoo image и Download http://clip2net.com/s/3i57hSc

Еще добавил icon в фале http://clip2net.com/s/3i57yUC

/media/zoo/elements/download/tmpl/download.php

Добавил скритом стили

$("div.download-file a").addClass("uk-width-1-6");
$("div.download-image span").addClass("uk-width-1-6");

почему то конструкцией в шаблоне вида

<?php if ($this->checkPosition('download-file')) : ?>
<div class="download-file uk-grid">
	<?php echo $this->renderPosition('download-file', array('class' => 'uk-width-1-6')); ?>
</div>
<?php endif; ?>

стили не цеплялись.

Получилось так

 

Из плюсов сохраняются возможности настройки элементов, слетит при обновлении только icon ссылки, из минусов 2-ная работа при заполнении.

Тему можно закрывать.

 

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

Go to the full post


7 replies to this topic

#1 Евгений888

Евгений888
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 309
  • topics: 84

Posted 10 May 2015 - 09:54

Здравствуйте! Элемент jbzoo image, как можно прикрутить ссылку на скачивание самой картинки к выбору "шаблона" http://clip2net.com/s/3hsbQIN ?

Спасибо.


  • 0

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 10 May 2015 - 10:47

Евгений_К, откройте файл конфигурации

сайт\media\zoo\applications\jbuniversal\elements\jbimage\jbimage.xml

В параметры шаблонов добавьте новый шаблон download как на скриншоте

o6rd_200x0.png

в папке tmpl создайте новый файл с названием jbimage-download.php и добавьте содержимое

<a <?php echo $linkAttrs; ?>>Скачать</a>

А главном файле элемента измените метод _render как на скриншоте добавив блок который выделен красным

u8pz_200x0.png

Кусок кода:

if ($template == 'download') {
    return $this->renderLayout($layout, array(
            'linkAttrs'  => $this->_buildAttrs(array(
                'class'  => 'jbimage-link ' . $appendClass,
                'title'  => $title,
                'href'   => $this->_jbimage->getUrl($this->get('file')),
                'rel'    => $rel,
                'id'     => uniqid('jbimage-link-'),
                'download' => uniqid('jbimage-link-')
            )),
            'link'       => $url,
            'image'      => $image,
        )
    );
}

Выбирайте в нужном шаблоне шаблон для скачивания


  • 1
Изображение
 

#3 Евгений888

Евгений888
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 309
  • topics: 84

Posted 10 May 2015 - 11:13

Спасибо большое, ссылка работает, получила вид

<a id="jbimage-link-554f2d9515b1b" class="jbimage-link" download="jbimage-link-554f2d9515b57" href="http://site.ru/images/teaser/1-2/1-1_2/kartinka.jpg" title="Картинка">�������</a>

но вместо картинки отображается �������


  • 0

#4 Na_uM

Na_uM
  • JBZoo User (rus)
  • User rate: 15.9
  • posts: 782
  • topics: 61

Posted 10 May 2015 - 12:59

кодировку измените на UFT-8 (без ВОМ)


  • 1

#5 Евгений888

Евгений888
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 309
  • topics: 84

Posted 10 May 2015 - 13:36

кодировку измените на UFT-8 (без ВОМ)

Спасибо, но как сделать чтобы отражалась миниатюра картинки при клики на которую она (картинка) скачивалась?


Edited by Евгений_К, 10 May 2015 - 14:09.

  • 0

#6 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 10 May 2015 - 14:32

но как сделать чтобы отражалась миниатюра картинки при клики на которую она (картинка) скачивалась?

Добавьте imageAttr как в стандаотном и выведите изображение 


  • 0
Изображение
 

#7 Евгений888

Евгений888
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 309
  • topics: 84

Posted 10 May 2015 - 15:06

В версии JBZoo 1.5 работает, а в версии 2.2.0 не работает этот способ.

Знаю, вопрос выходит за рамки стандартных решений JBzoo, но если есть возможность, прошу подсказать как это можно сделать.


Edited by Евгений_К, 20 May 2015 - 16:40.

  • 0

#8 Евгений888

Евгений888
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.3
  • posts: 309
  • topics: 84

Posted 21 May 2015 - 23:25   Best Answer

Пошел другим путем, если кому интересно на примере шаблона UIkit

Добавляем две новые позиции в нужный шаблон (например teaser.php) в нужном месте

		<?php if ($this->checkPosition('download-file')) : ?>
			<div class="download-file uk-grid">
					<?php echo $this->renderPosition('download-file'); ?>
			</div>
		<?php endif; ?>
		
		<?php if ($this->checkPosition('download-image')) : ?>
			<div class="download-image uk-grid uk-margin-small-top">
					<?php echo $this->renderPosition('download-image'); ?>
			</div>
		<?php endif; ?>

Не забываем отобразить их в positions.xml http://clip2net.com/s/3i577oW

Добавляем в вывод шаблона с нужными настройками элементы JBzoo image и Download http://clip2net.com/s/3i57hSc

Еще добавил icon в фале http://clip2net.com/s/3i57yUC

/media/zoo/elements/download/tmpl/download.php

Добавил скритом стили

$("div.download-file a").addClass("uk-width-1-6");
$("div.download-image span").addClass("uk-width-1-6");

почему то конструкцией в шаблоне вида

<?php if ($this->checkPosition('download-file')) : ?>
<div class="download-file uk-grid">
	<?php echo $this->renderPosition('download-file', array('class' => 'uk-width-1-6')); ?>
</div>
<?php endif; ?>

стили не цеплялись.

Получилось так

 

Из плюсов сохраняются возможности настройки элементов, слетит при обновлении только icon ссылки, из минусов 2-ная работа при заполнении.

Тему можно закрывать.

 

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


Edited by Евгений_К, 21 May 2015 - 23:28.

  • 0





Also tagged with one or more of these keywords: jbzoo image, ссылка на скачивание

Click to return to top of page in style!