pondělí, 27 03 2023

Hlavní obrázek (cover) produktu se automaticky nezmění při změně kombinace

Začátek
Předchozí
1
Další
Konec

Oko (Oko)
Autor tématu
Offline
Spammer

Více

23. led 2021 15:09 #522 od Oko (Oko)

Hlavní obrázek (cover) produktu se automaticky nezmění při změně kombinace vytvořil uživatel Oko (Oko)

Ahoj, mám internetový obchod na PrestaShopu 1.7.7.1 a použitou šablonu Gadgets, kterou jsem koupil na PrestaShop Addons a funguje výborně až na jeden problém, kdy na eshopu mám různé kombinace a při jejich změně např. mám vybrán červený balónek a změním kobinaci na modrý, tak se ten cover image nezmění na modrý, ale zůstane červený, kdežto náhledy pod hlavním obrázkem se změní správně.

Nevím, zda je to problém v šabloně nebo je to nějaký BUG v prestashopu.

Podle zdrojových kódů na frontendu jsem našel tento soubor:

/themes/gadgets/templates/catalog/_partials/product-cover-thumbnails.tpl

Zkoušel jsem různé postupy z různých fór, ale nenašel odpověď (opravu) na můj problém.

Nevíte někdo jak to opravit?

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

Vaňková Lucie (lailoo)
Offline
Pokročilý

Více

23. led 2021 15:13 #523 od Vaňková Lucie (lailoo)

Odpověděl Vaňková Lucie (lailoo) pro téma Hlavní obrázek (cover) produktu se automaticky nezmění při změně kombinace

Čau, zkus poslat obsah toho souboru ať je možnost se podívat, zda je tam něco blbě nebo to porovnej se souborem výchozí šablony čistého PrestaShopu 1.7.7.1 jestli tam není nějaký rozdíl.
Může to být BUG v šabloně nebo použití nějaké zastaralé funkce.

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

Oko (Oko)
Autor tématu
Offline
Spammer

Více

23. led 2021 15:16 - 23. led 2021 15:18 #524 od Oko (Oko)

Odpověděl Oko (Oko) pro téma Hlavní obrázek (cover) produktu se automaticky nezmění při změně kombinace

Tohle je obsah souboru /themes/gadgets/templates/catalog/_partials/product-cover-thumbnails.tpl:

<div class="images-container">
  {block name='product_cover'}
    <div class="product-cover">
    
    {if $product.cover}
    <div class="zoomcover">
      <img id="zoom_01" class="js-qv-product-cover" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
      </div>
      <div class="layer hidden-sm-down" data-toggle="modal" data-target="#product-modal">
        <i class="material-icons zoom-in">&#xE8FF;</i>
      </div>
      {else}
      
        <img src="{$urls.no_picture_image.bySize.large_default.url}" style="width:100%;">
      {/if}
    </div>
  {/block}

  {block name='product_images'}
    <div class="js-qv-mask mask">
      <ul class="product-images js-qv-product-images">
        {foreach from=$product.images item=image}
              <li class="thumb-container">
            <img  
              class="thumb js-thumb {if $image.id_image == $product.cover.id_image} selected {/if}"
              data-image-medium-src="{$image.bySize.medium_default.url}"
              data-image-large-src="{$image.bySize.large_default.url}"
              src="{$image.bySize.home_default.url}"
              alt="{$image.legend}"
              title="{$image.legend}"
              width="100"
              itemprop="image"
            >
        </li>
        {/foreach}
      </ul>
    </div>
  {/block}

</div>
{hook h='displayAfterProductThumbs'}

Poslední změna: 23. led 2021 15:18 uživatelem Oko (Oko).

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.

Vaňková Lucie (lailoo)
Offline
Pokročilý

Více

23. led 2021 22:40 #525 od Vaňková Lucie (lailoo)

Odpověděl Vaňková Lucie (lailoo) pro téma Hlavní obrázek (cover) produktu se automaticky nezmění při změně kombinace

Zkus změnit "cover" za "default_image", protože jinak tím coverem tam posíláš výchozí obálku produktu:

řádek:

<img id="zoom_01" class="js-qv-product-cover" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">

změňte na:

<img id="zoom_01" class="js-qv-product-cover" src="{$product.default_image.bySize.large_default.url}" alt="{$product.default_image.legend}" title="{$product.default_image.legend}" style="width:100%;" itemprop="image">

Prosím Přihlásit se nebo Vytvořit účet připojte se ke konverzaci.