forked from brooksbingham/theme-elegance
61 lines
2.8 KiB
Smarty
61 lines
2.8 KiB
Smarty
{**
|
|
* 2007-2019 PrestaShop and Contributors
|
|
*
|
|
* NOTICE OF LICENSE
|
|
*
|
|
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
|
* that is bundled with this package in the file LICENSE.txt.
|
|
* It is also available through the world-wide-web at this URL:
|
|
* https://opensource.org/licenses/AFL-3.0
|
|
* If you did not receive a copy of the license and are unable to
|
|
* obtain it through the world-wide-web, please send an email
|
|
* to license@prestashop.com so we can send you a copy immediately.
|
|
*
|
|
* DISCLAIMER
|
|
*
|
|
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
|
* versions in the future. If you wish to customize PrestaShop for your
|
|
* needs please refer to https://www.prestashop.com for more information.
|
|
*
|
|
* @author PrestaShop SA <contact@prestashop.com>
|
|
* @copyright 2007-2019 PrestaShop SA and Contributors
|
|
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
|
* International Registered Trademark & Property of PrestaShop SA
|
|
*}
|
|
<div class="modal fade js-product-images-modal" id="product-modal">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-body">
|
|
{assign var=imagesCount value=$product.images|count}
|
|
<figure>
|
|
<img class="js-modal-product-cover product-cover-modal" width="{$product.cover.large.width}" src="{$product.cover.large.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" itemprop="image">
|
|
<figcaption class="image-caption">
|
|
{block name='product_description_short'}
|
|
<div id="product-description-short" itemprop="description">{$product.description_short nofilter}</div>
|
|
{/block}
|
|
</figcaption>
|
|
</figure>
|
|
<aside id="thumbnails" class="thumbnails js-thumbnails text-sm-center">
|
|
{block name='product_images'}
|
|
<div class="js-modal-mask mask {if $imagesCount <= 5} nomargin {/if}">
|
|
<ul class="product-images js-modal-product-images">
|
|
{foreach from=$product.images item=image}
|
|
<li class="thumb-container">
|
|
<img data-image-large-src="{$image.large.url}" class="thumb js-modal-thumb" src="{$image.medium.url}" alt="{$image.legend}" title="{$image.legend}" width="{$image.medium.width}" itemprop="image">
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
</div>
|
|
{/block}
|
|
{if $imagesCount > 5}
|
|
<div class="arrows js-modal-arrows">
|
|
<i class="material-icons arrow-up js-modal-arrow-up"></i>
|
|
<i class="material-icons arrow-down js-modal-arrow-down"></i>
|
|
</div>
|
|
{/if}
|
|
</aside>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|