Also wen man die listen oder was auch immer mit responsive images haben möchte.
Dan hier einiges weiter machen in dieser thema hier bitte.
Ein par sachen wo es besser geht aber da muss man dan noch weiter einiges optimieren ans template
Tip ist den stylesheet.css erweitern mit den class ( wen ein anders .css besser wäre dan mir sagen bitte)
ganz unten ich weis aber nicht so 123 wo noch die .img weiter wider überschrieben werdet.
Habe ich also zum sicherheit dort es doppelt
Wen man bemerkt es werdet überschrieben dan die extra class ( img-responsive) anrufen. die ist in reset.css zeile 310 drin hmm
.img-responsive {
display: block;
height: auto;
max-width: 100%;
}img {
display: block;
height: auto;
max-width: 100%;
}die letzte blau muss man sich überlegen ?
also wie gesagt noch nicht 100% aber wen einer besser weiss was wo an zu passen dass es "immer" am besten greift dan bitte hier weiter machen
in den product_listings.html unter den template/deiner/module
so etwa zeile 112 als beispiel zu testen / comments so abgeänderd, dan sind die images in den listen responsive, den float muss man noch was machen und wen einer kolomme das.. versuch aber mal zum test bitte ?
{foreach name=aussen item=module_data from=$module_content}
<div class="{if $module_data.COL_WIDTH == 'w98p'}col-xs-12{elseif $module_data.COL_WIDTH == 'w474p'}col-lg-6 col-md-6 col-sm-6 col-xs-12 text-center{elseif $module_data.COL_WIDTH == 'w303p'}col-lg-4 col-md-4 col-sm-6 col-xs-12 text-center{elseif $module_data.COL_WIDTH == 'w223p'}col-lg-3 col-md-4 col-sm-6 col-xs-12 text-center{/if}" itemscope itemtype="http://schema.org/Product">
<div class="{if $module_data.COL_WIDTH == 'w98p'}product_box_list{else}product_box{/if}">
<div class="pimg{if $module_data.COL_WIDTH == 'w98p'} col-lg-3 col-md-3 col-sm-12 col-xs-12{/if}">
<div class="img-responsive">
<a href="{$module_data.PRODUCTS_LINK}" title="{$module_data.PRODUCTS_NAME_ALT}">
{$module_data.PRODUCTS_IMAGE}
</a>
</div>
</div>