Originalbild in Artikelansicht [Swiper Images]

Thema wurde von Carsten [M-1504], 24. März 2017 erstellt.

  1. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    So Leute, Wochenendfrage ...

    ... wie bekomm ich es hin, dass bei der Produktansicht nicht ein von Gambio komprimiertes Vorschaubild angezeigt wird (src="images/product_images/info_images/A-22.10.png") ...

    ... sondern er direkt das originale Bild anzeigt (src="images/product_images/original_images/A-22.10.png") ?

    Danke Euch !

    [​IMG]
     
  2. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Leider nicht ganz so trivial. Der Pfad zum Bild kommt aus dem PHP und wird da ans Template übergeben. Du hast also zwei Möglichkeiten:
    1. Du baust dir einen Overload der Klasse ProductInfoContentView und überlädst dort die Methode
    _buildImageArray()
    2. Du passt das Template templates/Honeygrid/snippets/product_info/images/swiper_image.html an und passt da folgenden Block an:
    HTML:
    {else}
                    <a
                        href="{$img_zoom|strip_tags}"
                        title="{$image_data.IMAGE_ALT|default:$image_data.PRODUCTS_NAME}"
                        >
                        <img {if $img_prop}{$img_prop|strip_tags}{/if}
                                class="img-responsive"
                                {if $img_top} style="margin-top: {$img_top|strip_tags}px;"{/if}
                                {if $img_src2} data-thumb-src="{$img_src2|strip_tags}"{/if}
                                src="{$img_src|strip_tags}"
                                {if $img_alt} alt="{$img_alt|strip_tags}"{/if}
                                {if $img_title} title="{$img_title|strip_tags}"{/if}
                                {if $img_zoom} data-magnifier-src="{$img_zoom|strip_tags}"{/if}
                        />
                    </a>
                {/if}
    Theoretisch müsste es funktionieren, wenn du aus

    HTML:
     src="{$img_src|strip_tags}"
    folgendes machst:

    HTML:
     src="{$img_src|strip_tags|replace:'info_images':'original_images'}"
    Das ist aber nicht getestet, sondern basiert nur auf einer Vermutung meinerseits. Lösung eins wäre die saubere Lösung.
     
  3. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    Danke Dir für die schnelle Antwort,

    wenn du mir ne detailgenaue Anleitung für die Methode 1 gibst, würde ich das bestimmt umsetzen.

    Bis dahin werde ich mal Methode 2 testen ;)
     
  4. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
  5. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    Methode 2 hat schonmal funktioniert
     
  6. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    Alles klar. schaue ich mir mal an.
     
  7. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    Was heißt denn sauber ? Welche Nachteile treten auf wenn ich mit der Methode 2 fortfahre ? Meckert dann Google ?
     
  8. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Nein das nicht. Aus Programmierer-Sicht ist nur nich besonders sauber, dass man Logik, die man im PHP gemacht hat in einem Template wieder überschreibt. :D
     
  9. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    Alles klar ;)

    Vllt sollte ich mal n Praktikum im IT-Bereich machen :D
     
  10. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    Guten Morgen,

    ich möchte den Thread von mir damals noch einmal eröffnen.

    Die obene beschriebene Lösung von @Torben Wark funktioniert anscheinend in den letzten Versionen nicht mehr.

    Habe jetzt 3.12.0.2. In der Version 3.11. hat es noch funktioniert.

    Wie schaut die aktuelle Lösung aus ?

    Danke
     
  11. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    Ok, war doch ganz einfach. Die Lösung ist noch fast genau so wie damals.

    Man verändert nun in der templates/Honeygrid/snippets/product_info/images/swiper_image.html folgenden Bereich:


    Code:
                        {block name="snippets_product_info_images_swiper_image_else"}
                            <a
                                href="{$img_zoom|strip_tags}"
                                title="{$img_title}"
                                >
                                <img class="img-responsive"
                                        {if $img_top} style="margin-top: {$img_top|strip_tags}px;"{/if}
                                        {if $img_src2} data-thumb-src="{$img_src2|strip_tags}"{/if}
                                        src="{$img_src|strip_tags}"
                                        {if $img_alt} alt="{$img_alt|strip_tags}"{/if}
                                        {if $img_title} title="{$img_title|strip_tags}"{/if}
                                        {if $img_zoom} data-magnifier-src="{$img_zoom|strip_tags}"{/if}
                                />
                            </a>
                        {/block}
    in

    Code:
                        {block name="snippets_product_info_images_swiper_image_else"}
                            <a
                                href="{$img_zoom|strip_tags}"
                                title="{$img_title}"
                                >
                                <img class="img-responsive"
                                        {if $img_top} style="margin-top: {$img_top|strip_tags}px;"{/if}
                                        {if $img_src2} data-thumb-src="{$img_src2|strip_tags}"{/if}
                                        src="{$img_src|strip_tags|replace:'info_images':'original_images'}"
                                        {if $img_alt} alt="{$img_alt|strip_tags}"{/if}
                                        {if $img_title} title="{$img_title|strip_tags}"{/if}
                                        {if $img_zoom} data-magnifier-src="{$img_zoom|strip_tags}"{/if}
                                />
                            </a>
                        {/block}