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

akBenutzer

Gut bekanntes Mitglied
24. April 2017
129
10
Hallo,
ich habe derzeit ein Problem mit abgeschnittenen Lieferzeiten.
Lieferzeit abgeschnitten.png

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?
 

akBenutzer

Gut bekanntes Mitglied
24. April 2017
129
10
@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:
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:
CSS:
{* 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

Moderator
Mitarbeiter
19. Februar 2016
1.152
252
Halle
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.
 
  • Gefällt mir
Reaktionen: akBenutzer

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.152
252
Halle
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

Gut bekanntes Mitglied
24. April 2017
129
10
Lösung von MSPShop:
.row.gallery .product-wrapper {
border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada;
min-height: fit-content;
}

Closed. Danke.