rechtstexte für onlineshop
Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: TEMPLATE: Bootstrap4 für Shop 2.x - freies responsive Template

    Karl1

    • Experte
    • Beiträge: 1.805
    Hallo  Dampfliquids,
    hier nochmal eine einfache Lösung für das dauerhaft, sichtbare Suchfeld, die dir helfen könnte.

    Den Code in templates/bootstrap4/module/includes/logobar.html ersetzen mit:
    Code: PHP  [Auswählen]
    {*
    <div id="logobar" class="row text-center text-md-left mb-3">
            <a class="nav-logo col-12 col-md-4" href="{$index}" title="{#link_index#} &bull; {$store_name}"><img src="{$tpl_path}{$smarty.const.BS4_SHOP_LOGO}" class="img-fluid" alt="{$store_name}" /></a>
            <ul class="nav col-12 col-md-8 mt-3 justify-content-end">
                    <li class="nav-item home"><a class="nav-link {$smarty.const.BS4_LOGOBAR_TEXT}" title="{#link_index#}" href="{$index}"><span class="fa fa-home fa-lg"></span></a></li>
                    {if isset($box_LANGUAGES) && trim($box_LANGUAGES) != ''}{$box_LANGUAGES}{/if}
                    <li class="nav-item account dropdown">
                            <a id="account-dd" href="#" class="nav-link {$smarty.const.BS4_LOGOBAR_TEXT}"  title="{#link_account#}" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="fa fa-user fa-lg fa-fw" aria-hidden="true"></span></a>
                            <div class="dropdown-menu dropdown-menu-right toggle_account" aria-labelledby="account-dd">
                                    {if isset($account)}<a class="dropdown-item{if strstr($smarty.server.PHP_SELF, 'account') && !strstr ($smarty.server.PHP_SELF, 'create_account')} active{/if}" href="{$account}"><span class="fa fa-user fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#link_account#}</a>{/if}
                                    {if isset($smarty.session.customer_id)}
                                            <a class="dropdown-item{if strstr ($smarty.server.PHP_SELF, 'logoff')} active{/if}" href="{$logoff}"><span class="fa fa-sign-out-alt fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#link_logoff#}</a>
                                            <a class="dropdown-item{if strstr ($smarty.server.PHP_SELF, 'checkout')} active{/if}" href="{$checkout}"><span class="fa fa-cash-register fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#link_checkout#}</a>
                                    {else}
                                            <a class="dropdown-item{if strstr($smarty.server.PHP_SELF, 'create_account')} active{/if}" href="{$create_account}"><span class="fa fa-user-plus fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#new_customer#}</a>
                                            <a class="dropdown-item{if strstr($smarty.server.PHP_SELF, 'login')} active{/if}" href="{$login}"><span class="fa fa-sign-in-alt fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#link_login#}</a>
                                    {/if}
                            </div>
                    </li>
                    {if isset($smarty.session.customer_id)}<li class="nav-item"><a class="nav-link {$smarty.const.BS4_LOGOBAR_TEXT}" title="{#link_logoff#}" href="{$logoff}"><span class="fa fa-sign-out-alt fa-lg"></span></a></li>{/if}
                    {if isset($box_WISHLIST)}{$box_WISHLIST}{/if}
                    {if isset($box_CART)}{$box_CART}{/if}
                    {if isset($box_SEARCH)}{$box_SEARCH}{/if}
            </ul>
    </div>
    *}
    <div id="logobar" class="row text-center text-md-left mb-3">
            <a class="nav-logo col-12 col-md-4" href="{$index}" title="{#link_index#} &bull; {$store_name}"><img src="{$tpl_path}{$smarty.const.BS4_SHOP_LOGO}" class="img-fluid" alt="{$store_name}" /></a>
            <div class="col-12 col-md-8">
                    <div class="row justify-content-end">
                            {if isset($box_SEARCH)}{$box_SEARCH}{/if}
                            <ul class="nav col-12 justify-content-end">
                                    <li class="nav-item home"><a class="nav-link {$smarty.const.BS4_LOGOBAR_TEXT}" title="{#link_index#}" href="{$index}"><span class="fa fa-home fa-lg"></span></a></li>
                                    {if isset($box_LANGUAGES) && trim($box_LANGUAGES) != ''}{$box_LANGUAGES}{/if}
                                    <li class="nav-item account dropdown">
                                            <a id="account-dd" href="#" class="nav-link {$smarty.const.BS4_LOGOBAR_TEXT}"  title="{#link_account#}" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="fa fa-user fa-lg fa-fw" aria-hidden="true"></span></a>
                                            <div class="dropdown-menu dropdown-menu-right toggle_account" aria-labelledby="account-dd">
                                                    {if isset($account)}<a class="dropdown-item{if strstr($smarty.server.PHP_SELF, 'account') && !strstr ($smarty.server.PHP_SELF, 'create_account')} active{/if}" href="{$account}"><span class="fa fa-user fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#link_account#}</a>{/if}
                                                    {if isset($smarty.session.customer_id)}
                                                            <a class="dropdown-item{if strstr ($smarty.server.PHP_SELF, 'logoff')} active{/if}" href="{$logoff}"><span class="fa fa-sign-out-alt fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#link_logoff#}</a>
                                                            <a class="dropdown-item{if strstr ($smarty.server.PHP_SELF, 'checkout')} active{/if}" href="{$checkout}"><span class="fa fa-cash-register fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#link_checkout#}</a>
                                                    {else}
                                                            <a class="dropdown-item{if strstr($smarty.server.PHP_SELF, 'create_account')} active{/if}" href="{$create_account}"><span class="fa fa-user-plus fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#new_customer#}</a>
                                                            <a class="dropdown-item{if strstr($smarty.server.PHP_SELF, 'login')} active{/if}" href="{$login}"><span class="fa fa-sign-in-alt fa-lg fa-fw" aria-hidden="true"></span>&nbsp;&nbsp;{#link_login#}</a>
                                                    {/if}
                                            </div>
                                    </li>
                                    {if isset($smarty.session.customer_id)}<li class="nav-item"><a class="nav-link {$smarty.const.BS4_LOGOBAR_TEXT}" title="{#link_logoff#}" href="{$logoff}"><span class="fa fa-sign-out-alt fa-lg"></span></a></li>{/if}
                                    {if isset($box_WISHLIST)}{$box_WISHLIST}{/if}
                                    {if isset($box_CART)}{$box_CART}{/if}
                            </ul>
                    </div>
            </div>
    </div>

    Und den Code in templates/bootstrap4/boxes/box_search.html ersetzen mit:
    Code: PHP  [Auswählen]
    {config_load file="$language/lang_$language.conf" section="boxes"}
    {config_load file="lang_`$language`.custom"}
    {*
    <li class="nav-item search dropdown">
            <a id="search-dd" href="#" class="nav-link {$smarty.const.BS4_LOGOBAR_TEXT}" title="{#heading_search#}" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="fa fa-search fa-lg fa-fw" aria-hidden="true"></span></a>
            <div class="dropdown-menu dropdown-menu-right toggle_search" aria-labelledby="search-dd">
                    {$FORM_ACTION}
                            {if isset($CATEGORIES) && $smarty.const.BS4_SEARCHFIELD_ONE_ROW != 'true'}<div class="mb-1">{$CATEGORIES}</div>{/if}
                            <div class="input-group">
                                    {if isset($CATEGORIES) && $smarty.const.BS4_SEARCHFIELD_ONE_ROW == 'true'}<div class="input-group-prepend">{$CATEGORIES}</div>{/if}
                                    {$INPUT_SEARCH}
                                    <div class="input-group-append">
                                            {$BUTTON_SUBMIT}
                                    </div>
                            </div>
                            <div class="suggestionsBox card{if isset($CATEGORIES) && $smarty.const.BS4_SEARCHFIELD_ONE_ROW != 'true'} mmtop{/if}" id="suggestions" style="display:none;">
                                    <div class="card-body px-2">
                                            <div class="suggestionList text-center" id="autoSuggestionsList">&nbsp;</div>
                                    </div>
                            </div>
                    {$FORM_END}
            </div>
    </li>
    *}
    <div class="search col-12 col-lg-8">
            {$FORM_ACTION}
                    {if isset($CATEGORIES) && $smarty.const.BS4_SEARCHFIELD_ONE_ROW != 'true'}<div class="mb-1">{$CATEGORIES}</div>{/if}
                    <div class="input-group">
                            {if isset($CATEGORIES) && $smarty.const.BS4_SEARCHFIELD_ONE_ROW == 'true'}<div class="input-group-prepend">{$CATEGORIES}</div>{/if}
                            {$INPUT_SEARCH}
                            <div class="input-group-append">
                                    {$BUTTON_SUBMIT}
                            </div>
                    </div>
                    <div class="suggestionsBox card{if isset($CATEGORIES) && $smarty.const.BS4_SEARCHFIELD_ONE_ROW != 'true'} mmtop{/if}" id="suggestions" style="display:none;">
                            <div class="card-body px-2">
                                    <div class="suggestionList text-center" id="autoSuggestionsList">&nbsp;</div>
                            </div>
                    </div>
            {$FORM_END}
    </div>

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Gruß Karl
    Werbung / Banner buchen

    Dampfliquids

    • Neu im Forum
    • Beiträge: 46
    • Geschlecht:
    Cool Danke Karl  :thx:

    Karl1

    • Experte
    • Beiträge: 1.805
    Hallo Zusammen,
    anbei ein Upgrade meines Templates.

    Änderungen:
    - Die Einstellmöglichkeit das Suchfeld dauerhaft anzuzeigen wurde hinzugefügt.
    - Ein neues Modul für Rezensionen wurde hinzugefügt.

    Das Modul basiert auf dem "MODUL: Rezensionsaufgliederung nach vergebenen Sternen" von Awids.

    Das Bild zeigt eine Zusammenstellung von Screenshots:

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Gruß Karl

    [EDIT Tomcraft 03.05.2020: Template in Beitrag 1 aktualisiert.]

    Scubi

    • Mitglied
    • Beiträge: 220
    Hallo Karl, ich habe heute seit langem mal wieder in Google Chrom Lighthouse genutzt, Die meisten Dinge sehen sehr gut aus. Am Produkt, wie Lieferzeit, Artikel Nr. etc ausgegeben werden, bemängelt das Tool folgendes: Handyfreundlich Stellen Sie sicher, dass Ihre Seiten mobilfreundlich sind, damit Benutzer nicht kneifen oder zoomen müssen, um die Inhaltsseiten zu lesen. Erfahren Sie mehr .
    Tap-Ziele sind nicht angemessen dimensioniert.  92% Tap-Ziele sind angemessen dimensioniert
    Interaktive Elemente wie Schaltflächen und Links sollten groß genug (48 x 48 Pixel) sein und genügend Platz um sie herum haben, damit Sie leicht darauf tippen können, ohne sich mit anderen Elementen zu überlappen. Erfahren Sie mehr .

    Ich nutze derzeit noch eine Ältere Version. Wenn das Problem mit der neuen Version schon behoben wurde, dann ignoriere meine Frage einfach oder schreibe mir, das es an der Version liegt.

    Gruß Scubi

    Karl1

    • Experte
    • Beiträge: 1.805
    Hallo Scubi,
    ich finde in Lighthouse keine Einträge die du hier beschrieben hast.
    Du kannst aber einmal testen, ob dir dieser Eintrag in der Datei bs4.css hilft.
    Code: CSS  [Auswählen]
    @media screen and (max-width: 991.98px) {
            #product_details .small {
                    font-size: 1rem;
            }
    }
    Damit wird bei kleineren Bildschirmen die Schriftgröße etwas vergrößert.

    Schau dir mal deine Seiten bei PageSpeed Insights an, da liegst du bei allen Seiten über 95 - auf den Detailseiten sogar bei Mobil 98 und Desktop 100.
    PageSpeed schreibt: Der Speed Score basiert auf den von Lighthouse analysierten Labdaten.

    Gruß Karl

    Scubi

    • Mitglied
    • Beiträge: 220
    Danke Karl,

    werde ich nachher testen.

    sb_cbo-do

    • Fördermitglied
    • Beiträge: 464
    Hallo,

    das neue Template funktioniert so weit ohne Probleme.
    Ich sehe aber gerade das in der log "mod_notice..:.log" andauernd eine Meldung zur Datei bs4_cheaply_see.php steht.

    2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined index: pID in File: shop/bs4_cheaply_see.php on Line: 59   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 60   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 67   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 68   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 69   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 74   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined index:  in File: shop/bs4_cheaply_see.php on Line: 74   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 89   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 93   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 99   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 100   {}   {}
    [2020-05-05 13:33:24]   [notice]   [modified]   [pid:11852]   Undefined property: product::$data in File: shop/bs4_cheaply_see.php on Line: 217   {}   {}

    Shopssoftware v2.0.5.1 rev 12725
    PHP: 7.3.17 (Zend: 3.3.17)

    Das ganze wiederholt sich alle paar Sekunden.
    Hat jemand eine Idee, wie ich diese Meldung weg bekommen kann?

    Gruß,

    Sven

    derheiko

    • Fördermitglied
    • Beiträge: 465
    • Geschlecht:
    Danke dir für die großartige Arbeit und die schnelle Bereitstellung der Updates.

    Ich hätte eine spezielle Frage.
    Google und Marktplätze fordern ein freigestelltes Bild.

    Darum lade ich über meine Wawi in den Shop das freigemachte Bild als Bild 5 hoch.
    Dies soll aber nicht im Shop angezeigt werden.

    Im Standart Template löse ich es wie folgt:

    Code: PHP  [Auswählen]
      {if $more_images|@count > 0}
          <div class="pd_small_image_row cf">
            {foreach item=more_images_data key=key from=$more_images}
            {if $key != 4}
                            <div class="pd_small_image">
              <div class="pd_small_image_inner cf">
                <a class="cbimages" title="{$PRODUCTS_NAME|onlytext}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img class="unveil" src="{$tpl_path}css/images/loading.gif" data-src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" /></a>
                <noscript><a title="{$PRODUCTS_NAME|onlytext}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" /></a></noscript>
              </div>  
            </div> {/if}
            {/foreach}

          </div>
          {/if}

    Aber ich schaffe es nicht das Bild 5 in deinem Bootstrap4 auszublenden.
    Hast du vielleicht einen Tipp für mich?

    Ganz lieben Dank vorab für deine Hilfe.

    Gruß Heiko

    Karl1

    • Experte
    • Beiträge: 1.805
    Hallo Zusammen!

    @Sven:
    Ich kann auf deinen Produktdetailseiten keinen passenden Fehler finden, dort wird immer die pID mit angegeben.
    Code: PHP  [Auswählen]
    data-src="htt ... /bs4_cheaply_see.php?pID=53137&products_id=53137"
    Bist du über die angegebene Mailadresse info@cb... erreichbar?

    @Heiko:
    Füge in allen Dateien product_info_... nach dieser Zeile (kommt alles jeweils 3-mal vor)
    Code: PHP  [Auswählen]
                                                            {if $more_images_data.PRODUCTS_IMAGE != ''}
    das hier ein
    Code: PHP  [Auswählen]
                                                                    {if $zaehl != 5}
    und füge vor
    Code: PHP  [Auswählen]
                                            {assign var=zaehl value=$zaehl+1}
    das hier ein
    Code: PHP  [Auswählen]
                                                                    {/if}
    Damit sollte das fünfte Bild nicht angezeigt werden.

    Gruß Karl

    sb_cbo-do

    • Fördermitglied
    • Beiträge: 464
    Hallo Karl,

    ich bin unter sb@cb... zu erreichen unter info@ würde ich die eMail aber auch erhalten.

    MFG,

    Sven

    derheiko

    • Fördermitglied
    • Beiträge: 465
    • Geschlecht:
    Guten morgen Karl,

    danke für die schnelle Hilfe.
    Leider hat dies bei mir nicht funktioniert.

    Selbst wenn ich die Zahl auf 1 setze, zeigt er alle Bilder an.

    Code: PHP  [Auswählen]
                                    {if $more_images|@count > 0}
                                            <div class="pd_more_images easy-thumbnails row mb-4 clearfix">
                                                    <div class="col-3 mb-3">
                                                            <a class="easyimages d-block text-center" href="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" data-standard="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" data-image-id="1" title="{$PRODUCTS_NAME|onlytext}" data-title="{$PRODUCTS_NAME|onlytext}" data-image="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}">
                                                                    <img class="img-fluid" src="{$PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" />
                                                            </a>
                                                    </div>
                                                    {assign var=zaehl value=2}
                                                    {foreach  key=i item=more_images_data from=$more_images}
                                                            {if $more_images_data.PRODUCTS_IMAGE != ''}
                                                           
                                                            {if $zaehl != 5}
                                                           
                                                                    <div class="col-3 mb-3">
                                                                            <a class="easyimages d-block text-center" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"original_images"}" data-standard="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" data-image-id="{$zaehl}" title="{$PRODUCTS_NAME|onlytext}" data-title="{$PRODUCTS_NAME|onlytext}" data-image="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}">
                                                                                    <img class="img-fluid" src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" />
                                                                            </a>
                                                                    </div>
                                            {/if}{assign var=zaehl value=$zaehl+1}
                                                            {/if}
                                                    {/foreach}
                                            </div>
                                    {/if}

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Dabei habe ich gleich noch drei weitere Fragen, wenn ich dich nerven darf?

    1. Zuerst wird das erste Bild in groß angezeigt.
    Darunter kommen die Thumbnails. Hier wird als Erstes das Thumbnail vom ersten Bild angezeigt.
    Dies ist für mich nicht notwendig, da es ja oben angezeigt wird. Kann man dieses auch ausblenden?

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    2. Du hast vor dem letzten Update einen Screenshot im Backend zum Thema EU Cookie eingeblendet.

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Hier kann man Ablehnen oder Zustimmen. Das hast du mittlerweile geändert.
    Ich möchte hier keine Diskusion lostreten, das wäre hier Offtopic, aber kann ich evtl. über dein Template auch das modified Standart EU Cookie Plugin einblenden lassen? Weil dort kann man noch ablehnen und die Datenschutzbedingungen sind dort verlinkt.

    3. Ich finde nicht die Möglichkeit einzustellen, wie groß das Bild im "popup" angezeigt werden soll.

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Stelle ich das in deinem Template ein oder doch über die Bilder Funktion?

    Noch mal ganz lieben Dank für deine Mühe.

    Karl1

    • Experte
    • Beiträge: 1.805
    Hallo Heiko,
    sorry, aber habe erst jetzt begriffen, wie du das mit dem Artikelbild 5 gemeint hast - ich ging immer nur vom fünften Bild aus.

    Schreibe einfach {if $i != 5} statt {if $zaehl != 5}.

    Zu 1.:
    Wenn du auf Bild 2 klickst, dann wird das Bild 2 in die große Ansicht übernommen.
    Wie willst du jetzt wieder Bild 1 in die große Ansicht bringen, wenn es nicht angezeigt wird?

    Zu 2.:
    Bei den Cookies handelt es sich hier um Modified Standard und es wird auch der Datenschutzhinweis verlinkt.
    Die Möglichkeit des Ablehnens wird erst angezeigt, wenn im Adminbereich Trackingfunktionen aktiviert werden.

    Zu 3.:
    Die Breite des Popups passt sich der Bildgröße an, allerdings ist die maximale Popup-Breite auf 500px festgelegt.

    Gruß Karl

    derheiko

    • Fördermitglied
    • Beiträge: 465
    • Geschlecht:
    Danke für deine schnelle Hilfe:

    Meinst du so?:

    Code: PHP  [Auswählen]
           

                                                            {if $more_images_data.PRODUCTS_IMAGE != ''}
                                                             {if $i != 5}
                                                                    <div class="col-3 mb-3">
                                                                            <a class="easyimages d-block text-center" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"original_images"}" data-standard="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" data-image-id="{$zaehl}" title="{$PRODUCTS_NAME|onlytext}" data-title="{$PRODUCTS_NAME|onlytext}" data-image="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"popup_images"}">
                                                                                    <img class="img-fluid" src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" />
                                                                            </a>
                                                                    </div>
                                              {/if}{assign var=zaehl value=$zaehl+1}
                                                            {/if}

     

    Leider wird das Bild 5 immer noch angezeigt.

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Nur um einem Missverständnis auszuweichen.
    Egal ob ich 1,2,3 oder 4 Bilder für einen Artikel habe.

    Auch bei nur einem Bild liegt auf Stelle 5 das freigemachte Bild.
    Und dieses soll im Shop nicht eingeblendet werden.

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Zu 1: Du hast recht, wenn man Easyzoom eingeschaltet hat, dann macht dass Sinn. Entschuldige.
    Zu 2: Auch da hast du recht, ich hatte das Tracking noch gar nicht eingerichtet. Entschuldige nochmals ;)
    Zu 3: Ok, dann bastel ich mir was ;) Weil Easy Zoom und das große Bild eben größer sind als das Popup.
    Wenn man auf "Bild vergrößern" klickt, ist das Bild dann kleiner ;)

    [ Für Gäste sind keine Dateianhänge sichtbar ]

    Ich möchte mich noch mal herzlichst für deine tolle Hilfe bedanken  :thx:

    Rocket3

    • Mitglied
    • Beiträge: 186
    • Geschlecht:
    Hallo Karl

    Zitat
    Zu 3.:Die Breite des Popups passt sich der Bildgröße an, allerdings ist die maximale Popup-Breite auf 500px festgelegt.
    kann man die Popup-Breite irgendwo ändern?
    Gruß
    Mladen

    Karl1

    • Experte
    • Beiträge: 1.805
    Hallo Zusammen,

    @Heiko:
    Du schreibst von Bild 5 und ich von Artikelbild 5.
    In deinem Screenshot ist das Bild, dass du weg haben möchtest "Artikelbild: 4".
    "Artikelbild: 4" bedeutet "$i == 4".

    Schreib mal {$i} vor den img-Tag, also so
    Code: PHP  [Auswählen]
    {$i}<img class="img-fluid" ...
    Die Zahl, die vor dem Bild das weg sein soll steht, schreibst du statt dem Fragezeichen in die IF-Anweisung {if $i != ?}.
    Sollte vor dem Bild keine Zahl stehen, dann machst du was falsch - falsche Datei, falsche Stelle, Code verändert!

    @Mladen:
    In der index.html, fast ganz unten, ist das HTML-Gerüst der Modalbox.
    Diese Gerüst wird dynamisch fia jQuery befüllt und geleert.
    Damit Text in der Modalbox etwas breiter dargestellt wird füge ich der Box per JS die CSS-Klasse ".src" hinzu.
    Dies könnte man auch statisch machen indem man in der index.html das "src" hinzufügt.
    Code: PHP  [Auswählen]
    <div class="modal-dialog src">
    In der Datei bs4.css steht dann
    Code: CSS  [Auswählen]
    .modal-dialog.src {
            max-width: 745px;
    }
    Damit wird die Bootstrap-Standardweite auf 745px erhöht.

    Gruß Karl
    1266 Antworten
    408338 Aufrufe
    12. Dezember 2023, 07:46:30 von Karl1
    135 Antworten
    5927 Aufrufe
    28. April 2024, 21:40:12 von xzillen
    1228 Antworten
    637709 Aufrufe
    11. März 2020, 16:11:33 von Baschtl
    1 Antworten
    3130 Aufrufe
    24. April 2018, 09:36:44 von lukass