Neu Item-Box ist zu kurz - Lieferzeit wird abgeschnitten.

[akBenutzer]

Hallo,
ich habe derzeit ein Problem mit abgeschnittenen Lieferzeiten.


Kann mir jemand sagen, wie ich hier das rendern neu anstoßen kann, damit das Bild neu berechnet und erstellt wird? Oder gibt es hier andere Lösungsansätze?

 

[css-umsetzung]

url?

 

[akBenutzer]

https://www.luna-time.de/MARKEN-Sector

 

[css-umsetzung]

Hast du ein modifiziertes Template?
warum wird bei dir denn www.w3schools.com/w3css/4/w3.css geladen?

Der Befehl für das Rendern der Bilder Boxen ist: $.evo.autoheight()
Aber man sollte eher schauen was bei dir wirklich los ist wenn das modifiziert wurde.

 

[akBenutzer]

@css-umsetzung

Ja ich habe ein modifiziertes Template!
Ich habe kürzlich meine Startseite geändert und benutze da die w3.css -> Dieses habe ich jetzt auch nur dort eingebunden.

Um meine Startseite zu ordnen habe ich diese css Umsetzungen eingepfleg in die custom.css:

.start-layout,
.start-layout .grid-system,
.start-layout .grid-system .grid-space,
.start-layout .grid-system .grid-system-row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.start-layout .grid-system,
.start-layout {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.start-layout {
    display: block
}

.start-layout .grid-system .grid-system-row {
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.start-layout .grid-system .grid-space {
    display: block;
    float: left
}

.start-layout .grid-system .grid-clear {
    clear: both;
    display: block;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    line-height: 0;
    width: 100%
}

.start-layout.grid-system.equal-spaces>.start-layout.grid-system-row>.start-layout.grid-space.equal-space {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.start-layout.grid-system.equal-spaces>.start-layout.grid-system-row>.start-layout.grid-space.equal-space>div {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

Was mich aber wundert ist die unterschiedliche Darstellung "gleicher" item-boxen.
Siehe: https://www.luna-time.de/MARKEN-Candino

Ich habe auch Änderungen in /productdetails/price.tpl:

{* scope productlist *}
            <div class="price-note">
                {* Grundpreis *}
                {if !empty($Artikel->cLocalizedVPE)}
                {block name="list-base-price"}
                    <div class="base_price text-nowrap">
                        <span class="value">{$Artikel->cLocalizedVPE[$NettoPreise]}</span>
                    </div>
                {/block}
                {/if}
                
                {if $Artikel->fUVP > $Artikel->Preise->fVK[0]}
                    <div class="instead-of old-price">
                        <small class="text-muted">
                            {lang key="oldPrice" section="global"}:
                            <del class="value">{$Artikel->fUVP}</del>
                        </small>
                    </div>

                {elseif $Artikel->Preise->Sonderpreis_aktiv && isset($Einstellungen.artikeluebersicht) && $Einstellungen.artikeluebersicht.artikeluebersicht_sonderpreisanzeige == 2}
                    <div class="instead-of old-price">
                        <small class="text-muted">
                            {lang key="oldPrice" section="global"}:
                            <del class="value">{$Artikel->fUVP}</del>
                        </small>
                    </div>
{...}

 

[FPrüfer]

Hallo,

...
ich habe derzeit ein Problem mit abgeschnittenen Lieferzeiten.

Sowas entsteht eigentlich nur, wenn das JavaScript fürs Rendern der Boxenhöhe ausgeführt wird, bevor entweder der Boxeninhalt komplett geladen ist oder das Laden des CSS zu lange dauert und sich nach der Anpassung der Boxenhöhe z.B. noch Schriften oder Schriftgrößen ändern und/oder Zeilenumbrüche entstehen. Wenn du Stylesheets von externen Seiten einbindest, dann könnte Letzteres der Fall sein. Du könntest mal versuchen die externen Stylesheets auf den eigenen Server zu kopieren und dann von dort zu laden.

 

[akBenutzer]

Alles klar. Nachdem ich die css vom Server lade passt es. Closed.

Danke!

 

[akBenutzer]

@FPrüfer das Problem besteht doch noch weiterhin.
https://www.luna-time.de/MARKEN-Barigo-Wetterstationen
Ich habe es schon mit

<script>
    $(function() {
        $.evo.autoheight();
    });
</script>

im Footer versucht. Leider auch kein brauchbares Ergebnis.

 

[FPrüfer]

Hm..., du kannst mal testhalber in der jtl.evo.js in der Funktion register (so etwa Zeile 450) das this.autoheight(); hinter this.imagebox() verschieben.

 

[akBenutzer]

Hat leider keine Verbesserung gebracht.

 

[akBenutzer]

Lösung von MSPShop:
.row.gallery .product-wrapper {
border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada;
min-height: fit-content;
}

Closed. Danke.