Jump to content


Photo
- - - - -

Картинка в модальном окне

модальное окно всплывающее окно

Best Answer Cheren-dow , 06 September 2015 - 11:59

dmurzuk, если вы в настройках шаблона modal в элементе цены выводите элемен изображения, тогда необходимо заменить шаблон:

\media\zoo\applications\jbuniversal\cart-elements\price\image\tmpl\image.php

на:

<?php
/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Alexander Oganov <t_tapak@yahoo.com>
 */

// no direct access
defined('_JEXEC') or die('Restricted access');

?>
<img src="<?php echo $this->get('value');?>" />
<input type="hidden" class="jsImageRelated" data-element="<?php echo $element; ?>" />

Есть второй вариант вывода изображения через элемент материала JBImage, для этого необходио открыть шаблон modal

\media\zoo\applications\jbuniversal\templates\uikit\templates-system\renderer\jbprice\modal.php

И заменяем на

<?php
/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Alexander Oganov <t_tapak@yahoo.com>
 */

// no direct access
defined('_JEXEC') or die('Restricted access');

//  Укажите свой id элемента JBImage
$imageData = $item->getElement('98d15291-d7cb-47de-938f-54c1ea0a4c6b')->data();

?>


<h4>Выберите модель</h4>
<hr>
<img src="<?php echo $imageData[0]['file']; ?>" />
<?php
if ($this->checkPosition(JBCart::DEFAULT_POSITION)) {
    echo '<table class="jbprice-tmpl-table">';
    echo $this->renderPosition(JBCart::DEFAULT_POSITION, array('style' => 'table'));
    echo '</table>';
}

Узнать Id элемента можно в 

xu4x_200x0.png

Go to the full post


  • This topic is locked This topic is locked
6 replies to this topic

#1 dmurzuk

dmurzuk
  • JBZoo User (rus)
  • User rate: 0.2
  • posts: 28
  • topics: 5

Posted 01 September 2015 - 22:28

Доброго времени суток.

 

Использую кнопку -= Всплывающее окно =- из шаблона цены в тизере материала. QuickView пробовал, но когда из него добавлял материал в корзиму, кнопка -= Перейти в корзину =-  не появлялась в тизере материала, пока не перегружу страницу и QuickView никак не подгружает стили шаблона сайта, думаю это хронически у него. 
 

В всплывающем окне через кнопку -= Всплывающее окно =- со стилями та же проблема, но кнопка -= Перейти в корзину =-  появляется в тизере материала моментально, что мне и нужно.
Использую шаблон цены modal для вывода цены материала, разбил на колонки, подключил заголовок материала как указано тут , но хотелось бы еще и картиночку jbimage. 

Не подскажите, как можно это осуществить?


  • 0

#2 Cheren-dow

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

Posted 02 September 2015 - 17:03

dmurzuk, здравствуйте, посмотрите эту тему. 


Edited by Cheren-dow, 02 September 2015 - 17:03.

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

#3 dmurzuk

dmurzuk
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.2
  • posts: 28
  • topics: 5

Posted 03 September 2015 - 20:10

Ставлю этот код картинки

<img src="<?php echo $this->get('value');?>" /> 

в шаблон full - ничего не происходит, ставлю в шаблон modal - рвет модальное окно.

 

Вот мой код шаблона modal

<?php
/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Alexander Oganov <t_tapak@yahoo.com>
 */

// no direct access
defined('_JEXEC') or die('Restricted access');

?>

<h4><?php echo $item->name; ?></h4>
<hr>
	<img src="<?php echo $this->get('value');?>" />
<div class="uk-grid" style="width: 500px;">
    <?php if ($this->checkPosition('attributes')) : ?>
	<div class="uk-width-1-2">
        <?php echo $this->renderPosition('attributes'); ?>
	</div>	
    <?php endif; ?>

    <?php if ($this->checkPosition('description')) : ?>
	<div class="uk-width-1-2">	
        <?php echo $this->renderPosition('description'); ?>
	</div>	
    <?php endif; ?>
</div>

    <?php if ($this->checkPosition('price')) : ?>
	<div class="uk-margin-top uk-text-center" style="font-size: 18px;">	
        <?php echo $this->renderPosition('price'); ?>
	</div>
    <?php endif; ?>

    <?php if ($this->checkPosition('buttons')) : ?>
	<div class="uk-margin-top uk-text-center">
        <?php echo $this->renderPosition('buttons'); ?>
	</div>	
    <?php endif; ?>	

В модальном окне есть только название продукта и разделительная линия. Опосля - размер окна уходит в бесконечность.

 

Может я что-то делаю не так?

 

Спасибо за помощь!


  • 0

#4 Cheren-dow

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

Posted 04 September 2015 - 09:45

Может я что-то делаю не так?

Необходимо изменять:

/media/zoo/applications/jbuniversal/cart-elements/price/image/image.php

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

#5 dmurzuk

dmurzuk
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.2
  • posts: 28
  • topics: 5

Posted 04 September 2015 - 19:22

 

Необходимо изменять:

/media/zoo/applications/jbuniversal/cart-elements/price/image/image.php

 

Во первых путь к файлу не правильный еще с этого поста, потому как упоминаемый файл image.php со строкой 

<input type="hidden" class="jsImageRelated" data-element="<?php echo $element; ?>" />

находится не в /media/zoo/applications/jbuniversal/cart-elements/price/image/image.php

а в /media/zoo/applications/jbuniversal/cart-elements/price/image/tmpl/image.php

 

Во вторых, пожалуйста, дайте НОРМАЛЬНЫЙ ответ. Если ответа на вопрос нету, тогда так и скажите, чот ответа пока нету. Зачем умничать...?

Извините за излишнюю экспрессию.

 

П.С. Объясните, пожалуйста, внятно, что нужно сделать, куда и что вставить, что изменить, чтобы в модальном окне появилась картинка. 
Спасибо.


Edited by dmurzuk, 04 September 2015 - 19:28.

  • 0

#6 Cheren-dow

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

Posted 06 September 2015 - 11:59   Best Answer

dmurzuk, если вы в настройках шаблона modal в элементе цены выводите элемен изображения, тогда необходимо заменить шаблон:

\media\zoo\applications\jbuniversal\cart-elements\price\image\tmpl\image.php

на:

<?php
/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Alexander Oganov <t_tapak@yahoo.com>
 */

// no direct access
defined('_JEXEC') or die('Restricted access');

?>
<img src="<?php echo $this->get('value');?>" />
<input type="hidden" class="jsImageRelated" data-element="<?php echo $element; ?>" />

Есть второй вариант вывода изображения через элемент материала JBImage, для этого необходио открыть шаблон modal

\media\zoo\applications\jbuniversal\templates\uikit\templates-system\renderer\jbprice\modal.php

И заменяем на

<?php
/**
 * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
 * @package     jbzoo
 * @version     2.x Pro
 * @author      JBZoo App http://jbzoo.com
 * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
 * @license     http://jbzoo.com/license-pro.php JBZoo Licence
 * @coder       Alexander Oganov <t_tapak@yahoo.com>
 */

// no direct access
defined('_JEXEC') or die('Restricted access');

//  Укажите свой id элемента JBImage
$imageData = $item->getElement('98d15291-d7cb-47de-938f-54c1ea0a4c6b')->data();

?>


<h4>Выберите модель</h4>
<hr>
<img src="<?php echo $imageData[0]['file']; ?>" />
<?php
if ($this->checkPosition(JBCart::DEFAULT_POSITION)) {
    echo '<table class="jbprice-tmpl-table">';
    echo $this->renderPosition(JBCart::DEFAULT_POSITION, array('style' => 'table'));
    echo '</table>';
}

Узнать Id элемента можно в 

xu4x_200x0.png


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

#7 dmurzuk

dmurzuk
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.2
  • posts: 28
  • topics: 5

Posted 06 September 2015 - 23:14

ОГРОМНОЕ спасибо!


  • 0





Also tagged with one or more of these keywords: модальное окно, всплывающее окно

Click to return to top of page in style!