Galeriebilder unter dem Artikelbild (im Artikel)

Thema wurde von barbara, 25. Juni 2019 erstellt.

  1. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #1 barbara, 25. Juni 2019
    Die Themes wollen noch nicht so wie ich.

    Ich habe diese Anleitung von Torben für das Template:
    (Link nur für registrierte Nutzer sichtbar.)

    in die Themes übernehmen wollen.
    Pfad in GXModules ist:
    Meins/Allgemein/Shop/Themes/All/
    Dateiname ist: product_info_gallery.html
    Der Block sieht so aus:
    Code:
    {block name="product_info_gallery_thumbnails"}
    <div class="product-info-thumbnails-mobile col-xs-12">
        {include file="get_usermod:{$tpl_path}product_info_gallery_swiper.html" swiperId="product_thumbnail_swiper_mobile" startWidget="true" swiperImages=$thumbnails swiperTarget="#product_image_swiper" swiperOptions=", \"spaceBetween\": 10, \"loop\": false, \"direction\": \"horizontal\", \"slidesPerView\": 5, \"autoplay\":3" additionalData="data-swiper-breakpoints=\"[]\""}
    </div>
{/block}
    Das Ergebnis im Shop ist so:
    Unbenannt.PNG (Das Gelbe sind die Swipper-Pfeile) Auch ein mehrmaliges Leeren der Shop- und Browsercache bringt da nichts anderes.

    Die Datei darüber müsste ja die standard.html sein, Ändere ich den Dateinamen, passiert ...."nichts".

    Wenn ich die Änderung aber in der originalen Datei "product_info_gallery.html" durchführe, habe ich sofort das gewünschte Ergebnis.

    Wo ist mein Denkfehler?
     
  2. Guyonthecouch

    Guyonthecouch Erfahrener Benutzer

    Registriert seit:
    17. September 2016
    Beiträge:
    210
    Danke erhalten:
    24
    Danke vergeben:
    93
    #2 Guyonthecouch, 28. Juli 2019
    Zuletzt bearbeitet: 28. Juli 2019
    Hi Barbara,

    bei mir funktioniert es aktuell mit folgendem Code im Template (noch nicht Theme), evtl. hilft es ja weiter.

    /templates/Honeygrid/snippets/product_info/images/product_images-USERMOD.html

    Code:
    {if $images|@count > 0}
    {block name="snippets_product_info_images_product_images_image"}
    <div class="product-info-image {if 'SHOW_ZOOM'|gm_get_conf === 'true'}has-zoom{/if}" {if 'SHOW_ZOOM'|gm_get_conf === 'true'}data-gambio-widget="image_gallery magnifier" data-magnifier-target=".magnifier-target"{/if}>
        <div class="product-info-image-inside">
            {include file="get_usermod:{$tpl_path}snippets/product_info/images/swiper.html" swiperId="product_image_swiper" startWidget="true" swiperImages=$images itemProp=$RICH_SNIPPET_ARRAY.product_itemprop_image swiperControls="#product_thumbnail_swiper, #product_thumbnail_swiper_mobile" swiperOptions=", \"effect\": \"fade\", \"autoplay\": null"}
        </div>
    </div>
    {/block}
{/if}

{if $thumbnails|@count > 1}
    {block name="snippets_product_info_images_product_images_thumbnails"}
    <div class="product-info-thumbnails-mobile col-xs-12">
        {include file="get_usermod:{$tpl_path}snippets/product_info/images/swiper.html" swiperId="product_thumbnail_swiper_mobile" startWidget="true" swiperImages=$thumbnails itemProp=$RICH_SNIPPET_ARRAY.product_itemprop_image swiperTarget="#product_image_swiper" swiperOptions=", \"spaceBetween\": 10, \"loop\": false, \"direction\": \"horizontal\", \"slidesPerView\": 4, \"autoplay\": null" additionalData="data-swiper-breakpoints=\"[]\""}
    </div>
    {/block}
{/if}
    Viele Grüße
    Cedric
     
  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #3 barbara, 28. Juli 2019
    Hallo Cedric,

    Danke, aber das nützt leider nichts.
    im Template geht es auch mit den GXModules - ohne Usermod, aber im Theme leider nicht.

    Ich hatte dafür in GXModules ein neues Verzeichnis angelegt:
    Meins/Galeriebilder/Shop/Templates/Honeygrid/Snippets/Product_info/Images/
    da hinein eine Datei mit dem Namen
    product_images.html
    und diesem Inhalt:
    Code:
    {block name="snippets_product_info_images_product_images_thumbnails"}
        <div class="product-info-thumbnails-mobile col-xs-12">
            {include file="get_usermod:{$tpl_path}snippets/product_info/images/swiper.html" swiperId="product_thumbnail_swiper_mobile" startWidget="true" swiperImages=$thumbnails itemProp=$RICH_SNIPPET_ARRAY.product_itemprop_image swiperTarget="#product_image_swiper" swiperOptions=", \"spaceBetween\": 10, \"loop\": false, \"direction\": \"horizontal\", \"slidesPerView\": 5, \"fade\": 1" additionalData="data-swiper-breakpoints=\"[]\""}
        </div>
    {/block}
    Damit bewegt sich die Leiste auch automatisch.