Gelöst Evo Designvorlage Bilder und Globale Texte

[MichaelDT]

Hi,

leider manche Bilder bei uns in der Evo Designvorlage riesengroß und verschwommen (s. Screenshot)
Wie kann man die Bilder automatisch skalieren bzw. auf eine Größe festlegen?



2. Hat mir evlt. jemand den Code der Gobalen Texte -> Ebay Designvorlagen -> Produktdetails
Habe ich leider etwas rausgelöscht und weiß nicht was ich wieder eingeben muss.

Besten Dank

 

[D. Lehmeier]

AW: Evo Designvorlage Bilder und Globale Texte

Hi,

hier der Code zu den Produktdetails:

  {% assign Sprache = 'Deutsch' %}

<div class="panel-body">
    <ul class="attr-group list-unstyled row">


        {% comment %} Block Beginn {% endcomment %}
        {% assign ArtNrSku = Vorgang.Artikel.Allgemein.Stammdaten.ArtNrSku -%}
        {% assign ArtNrSkuIsFilled = ArtNrSku | IsFilled -%}
        {% if ArtNrSkuIsFilled -%} 
        <li class="item col-lg-6 attr-manufacturer">
            <div class="row">
                <div class="row">
                    <span class="attr-label col-sm-5">{{ GlobaleTexte.Übersetzungen.Artikelnummer | SelectLanguage: Sprache }}:</span>
                    <span class="value col-sm-7"> {{ ArtNrSku }} </span>
                </div>
            </div>
        </li>
        {% endif -%}
        {% comment %} Block Ende {% endcomment %}




        {% assign EAN = Vorgang.Artikel.Allgemein.Stammdaten.EAN -%}
        {% assign EANIsFilled = EAN | IsFilled -%}
        {% if EANIsFilled -%} 
        <li class="item col-lg-6 attr-manufacturer">
            <div class="row">
                <div class="row">
                    <span class="attr-label col-sm-5">{{ GlobaleTexte.Übersetzungen.EAN | SelectLanguage: Sprache }}:</span>
                    <span class="value col-sm-7"> {{ EAN }} </span>
                </div>
            </div>
        </li>
        {% endif -%}
        
        {% assign Versandgewicht = Vorgang.Artikel.Allgemein.Maße_Gewicht.Versandgewicht -%}
        {% assign VersandgewichtIsFilled = Versandgewicht | IsFilled -%}
        {% if VersandgewichtIsFilled -%}    
        <li class="item col-lg-6 attr-manufacturer">
            <div class="row">
                <div class="row">
                    <span class="attr-label col-sm-5">{{ GlobaleTexte.Übersetzungen.Gewicht | SelectLanguage: Sprache }}:</span>
                    <span class="value col-sm-7"> {{ Versandgewicht }} kg </span>
                </div>
            </div>
        </li>
        {% endif -%}
        
        {% assign ISBN = Vorgang.Artikel.Sonstiges.ISBN -%}
        {% assign ISBNIsFilled = ISBN | IsFilled -%}
        {% if ISBNIsFilled -%}


        <li class="item col-lg-6 attr-manufacturer">
            <div class="row">
                <div class="row">
                    <span class="attr-label col-sm-5">{{ GlobaleTexte.Übersetzungen.ISBN | SelectLanguage: Sprache }}:</span>
                    <span class="value col-sm-7"> {{ ISBN }} </span>
                </div>
            </div>
        </li>
        {% endif -%}        
    


        {% assign Hersteller = Vorgang.Artikel.Allgemein.Stammdaten.Hersteller.Name -%}
        {% assign HerstellerIsFilled = Hersteller | IsFilled -%}
        {% if HerstellerIsFilled -%}


        <li class="item col-lg-6 attr-manufacturer">
            <div class="row">
                <div class="row">
                    <span class="attr-label col-sm-5">{{ GlobaleTexte.Übersetzungen.Hersteller | SelectLanguage: Sprache }}:</span>
                    <span class="value col-sm-7"> {{ Hersteller }} </span>
                </div>
            </div>
        </li>
        {% endif -%}


{% for EbayMerkmal in Vorgang.eBayMerkmale -%} 
    {% if EbayMerkmal.Name != 'Anzahl der Einheiten' and EbayMerkmal.Name != 'Maßeinheit' %}     
        <li class="item col-lg-6 attr-manufacturer">
            <div class="row">
                <div class="row">
                    <span class="attr-label col-sm-5">{{ EbayMerkmal.Name }}:</span>
                    <span class="value col-sm-7"> {{ EbayMerkmal.Wert }} </span>
                </div>
            </div>
        </li>
     {% endif %}  
{% endfor -%}
    </ul>
</div>

 

[D. Lehmeier]

AW: Evo Designvorlage Bilder und Globale Texte

Wegen der Größe, ich bin jetzt allerdings nicht so der Html/Css Experte, aber auf die schnelle könntest du im CSS der Vorlage probieren:

  [FONT=Courier New].ps-current img [/FONT]
[FONT=Courier New]  {    
    max-height:200px;    
    width:auto;
   }

[/FONT]

 

[MichaelDT]

AW: Evo Designvorlage Bilder und Globale Texte

hat geklappt danke!

 

[WigWam Markus]

AW: Evo Designvorlage Bilder und Globale Texte

@ D. Lehmeier

Verzerrte das Bild bei mir aber, bei mir klappte dann (auch wenn ein html-Kundiger wahrscheinlich die Hände über´m Kopf zusammenschlagen wird):

[FONT=Courier New].ps-current img 
 {    
   max-height: 50%;
   max-width: 50%;  
  }[/FONT]

Edit: oops, hatte den width: auto Befehl übersehen....

EditEdit: ...der aber auch verzerrt...