Jump to content
xt:Commerce Community Forum

Search the Community

Showing results for tags 'zusatzfotos'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • xt:Commerce - Professionelle eCommerce Shopsoftware
    • Fragen zur Software
    • xt:Commerce Plugins
    • xt:Commerce 4 Sprachen
    • xt:Commerce Online Handbuch
    • Häufige Fragen (FAQ)
    • Fragen zur Software (Pre Sale)
    • Anleitungen - Patches - Downloads
  • xt:Commerce Office - Shop & Warenwirtschaft
    • Allgemeine Fragen
  • xt:Commerce Allgemein
  • xt:Commerce 3 Shopsoftware Community Area (nur Lesen)
    • Allgemeine Diskussionen
    • Installation und Konfiguration
    • Shopbereich
    • Admininterface
    • Modul Entwicklung
    • Template System
    • xt:Commerce Schnittstellen ERP Systeme
    • PHP & MysQL Forum
    • HTML & CSS

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


ICQ


Yahoo


Jabber


Skype


Location


Interests


Biografie


Wohnort


Interessen


Beruf

Found 1 result

  1. Hallo liebe Gemeinde, ich habe ein Problem mit den Zusatzfotos auf der Produktdetailseite. Diese werden Standartmäßig untereinander angezeigt. ich möchte diese jedoch nebeneinander anzeigen lassen. Eine Veränderung des Codes und der Stylesheet.css brachte keine Veränderung. Das Codesekment der product.html sieht wie folgt aus: <div class="more-images"> <ul> <p class="more-images-item"><span><a href="{img img=$products_image type=m_org path_only=true}" class="cloud-zoom-gallery" rel="useZoom: 'zoom', smallImage: '{img img=$products_image type=m_info path_only=false}'"><img src="{img img=$products_image type=m_smallproduct alt="{$products_name path_only=false}" alt="{$products_name|escape:"html"}" /></a></span></p> {foreach name=aussen item=img_data from=$more_images} <li class="more-images-item"><span><a href='{img img=$img_data.file type=m_org path_only=true}' class='cloud-zoom-gallery' rel="useZoom: 'zoom', smallImage: '{img img=$img_data.file type=m_info path_only=true}'"><img src="{img img=$img_data.file type=m_smallproduct path_only=true}" alt="{if $img_data.data.media_name == ''}{$products_name|escape:"html"}{else}{$img_data.data.media_name|escape:"html"}{/if}" /></a></span></li> {/foreach} </ul> </div><!-- .more-images --> und die dazugehörige Stylesheet.css: #product-images .more-images { overflow: hidden; } #product-images .more-images .more-images-item { border: 1px solid #cdcdcd; text-align: center; display: table-row; float: left; margin: 0 10px 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #product-images .more-images .more-images-item:nth-child(3n) { margin: 0 0 10px 0; } #product-images .more-images .more-images-item span { display: table-row; width: 25px; height: 25px; vertical-align: middle; } Hat jemand von euch evtl. eine Idee wie dies bewerkstelligt werden kann? Alle gemachten Änderungen hatten bislang keinen Effekt. Grüße Sascha
×
×
  • Create New...