产品页面Prestashop中的图像幻灯片显示消失,图像尺寸错误

时间:2018-04-03 11:33:48

标签: css image slideshow prestashop-1.6

对不起,如果我犯了一些错误,我会很新,所以我会尽量让这个问题尽可能准确。

情况如下:

在这个网站上,我们有一个产品展示页面,左侧有一个完整尺寸的图像,上面有一个模块--Magictoolbox容器 - 当光标指向时,我可以对产品图像进行缩放。

通常情况下,在此图片的右侧,我们有一个垂直幻灯片,图片较小。

今天,产品页面的垂直幻灯片显示消失,尺寸完全关闭:

https://www.backlabel.com/lounge/272-lounge-wear-pants.html

以下是与product.tpl相关的代码(我猜这是正确的文件)

我的prestashop版本是1.6.1.17

       
        <div class="image_container"> 

        <div id="image-block" class="clearfix{if isset($images) && count($images) < 2} fwdth{/if}">

            {if $product->on_sale}

                <span class="sale-box">

                    <span class="sale-label">{l s='Sale!'}</span>

                </span>

            {elseif $product->specificPrice && $product->specificPrice.reduction && $productPriceWithoutReduction > $productPrice}

                <span class="discount">{l s='Reduced price!'}</span>

            {/if} 



            {if $have_image}

                <span id="view_full_size">

                    {if $jqZoomEnabled && $have_image && !$content_only}

                        <a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_'|cat:$cookie->img_name)|escape:'html':'UTF-8'}" itemprop="url">

                            <img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_'|cat:$cookie->img_name)|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>

                        </a>

                    {else}

                        <img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_'|cat:$cookie->img_name)|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>

                        {if !$content_only}

                            <span class="span_link no-print">{l s='View larger'}</span>

                        {/if}

                    {/if}

                </span>

            {else}

                <span id="view_full_size">

                    <img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_{$cookie->img_name}.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>

                    {if !$content_only}

                        <span class="span_link">

                            {l s='View larger'}

                        </span>

                    {/if}

                </span>

            {/if}

        </div> <!-- end image-block -->



        {if isset($images) && count($images) > 0}

            <!-- thumbnails -->

            <div id="views_block" class="clearfix {if isset($images) && count($images) < 2}hidden{/if}">

                {if isset($images) && count($images) > 3}

                    <span class="view_scroll_spacer">

                        <a id="view_scroll_left" class="btn" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">

                            {l s='Previous'}

                        </a>

                    </span>

                {/if}

                <div id="thumbs_list">

                    <ul id="thumbs_list_frame">

                    {if isset($images)}

                        {foreach from=$images item=image name=thumbnails}

                            {assign var=imageIds value="`$product->id`-`$image.id_image`"}

                            {if !empty($image.legend)}

                                {assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}

                            {else}

                                {assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}

                            {/if}

                            <li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>

                                <a 

                                    {if $jqZoomEnabled && $have_image && !$content_only}

                                        href="javascript:void(0);"

                                        rel="{literal}{{/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_'|cat:$cookie->img_name)|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_'|cat:$cookie->img_name)|escape:'html':'UTF-8'}'{literal}}{/literal}"

                                    {else}

                                        href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_'|cat:$cookie->img_name)|escape:'html':'UTF-8'}"

                                        data-fancybox-group="other-views"

                                        class="thickbox{if $image.id_image == $cover.id_image} shown{/if}"

                                    {/if}

                                    title="{$imageTitle}">

                                    <img

                                        class="img-responsive"

                                        id="thumb_{$image.id_image}"

                                        src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium_'|cat:$cookie->img_name)|escape:'html':'UTF-8'}"

                                        alt="{$imageTitle}"

                                        title="{$imageTitle}"

                                        height="{$mediumSize.height}"

                                        width="{$mediumSize.width}"

                                        itemprop="image" />

                                </a>

                            </li>

                        {/foreach}

                    {/if}

                    </ul>

                </div> <!-- end thumbs_list -->

                {if isset($images) && count($images) > 3}

                    <a id="view_scroll_right" class="btn" title="{l s='Other views'}" href="javascript:{ldelim}{rdelim}">

                        {l s='Next'}

                    </a>

                {/if}

            </div> <!-- end views-block -->

            <!-- end thumbnails -->

        {/if}



        {if isset($images) && count($images) > 1}

            <p class="resetimg clear">

                <span id="wrapResetImages" style="display: none;">

                    <a id="resetImages" href="{$link->getProductLink($product)|escape:'html':'UTF-8'}">

                        <i class="icon-repeat"></i>

                        {l s='Display all pictures'}

                    </a>

                </span>

            </p>

        {/if}           

    </div><!-- end image_column -->}

我非常绝望,我不知道如何解决它,任何人都有任何想法? 谢谢大家

0 个答案:

没有答案