Neue Testshops sind online

Shop 3 gefällt mir.

 

Also die Hintergrundfunktion vom Testshop3 würde Ich gerne in Testshop2 einbinden. Somit könnte Ich dann aufnahmen von der Disco ablaufen lassen. Wie kann man das Umsetzen ?

 

ich hatte nur "Bonusprogramm" gelesen und promt Holgers Modul im Kopf

 

Die Attribute wurden wieder so angeordnet, dass Sie untereinander erscheinen. Hier entsteht ein großes Problem bei mehr als 3 Attribute. Ab dem 4 Attribut wird es bereits nicht mehr sehen sein, weil es außerhalb des Sichtbereiches passiert.
Bild mit Testshop 1 ausprobiert!
Gibt es hier eine Änderung?

 

Im Testshop2 würde Ich gerne die Startseite mit der Aufteilung gerne übernehmen. Leider finde Ich das Script hierzu nicht.
Der Rest wird so langsam ....

 

das ist doch Standard; halt ohne Slider, dafür die 3 Bilder ganz oben

 

@marmoles

Wenn Ich Die 3 Bilder so normal einbinde geht es in der Handyansicht nicht.
Ich habe den Boxed Style aber ohne linkes Menü
Daher wollte Ich die 3 Bilder wie im Testshop 2

 

so sieht das da aus:

Code:

<div class="content-page-index row">
        <div class="row home-teaser-row space-0">
<div class="col-xs-12 col-md-8 row-xs-2 row-md-2"><a class="home-teaser" href="Kinder---Babys/"><img alt="" class="img-responsive" src="images/content/index/teaser.jpg" /></a></div>

<div class="col-xs-12 col-md-4 row-xs-2 row-md-1"><a class="home-teaser" href="specials.php"><img alt="" class="img-responsive" src="images/content/index/sale-top.jpg" /></a></div>

<div class="col-xs-12 col-md-4 row-xs-2 row-md-1"><a class="home-teaser" href="info/Versand-und-Zahlungsbedingungen.html"><img alt="" class="img-responsive" src="images/content/index/service-top.jpg" /></a></div>
</div>

<div class="col-xs-12">
<h2>Willkommen in Testshop Nr. 2</h2>

 

Das hatte Ich schon versucht aber die Bilder sind dann ohne den Bildeffekt und gerade das macht es ja aus

 

Du meinst die mobile Ansicht? Oder welchen Effekt meinst Du?

 

@marmoles

Wenn Ich auf den neuen Testshop gehe dann zeigt es mit 3 Bilder statt den Slider an. Wenn Ich mit der Maus drüber fahre ist es wie ein kleiner Zoomeffekt. Aber genau das geht bei mir eben nicht. Die 3 Bilder kann Ich genau so einbinden aber der Effekt fehlt mir leider

 

da fehlt wohl die Klasse "home-teaser"?, sieht so aus:

Code:

.home-teaser {
    position: absolute;
    height: calc(100% - 15px);
    width: calc(100% - 15px);
    display: block;
    left: 7px;
    top: 7px;
    background: transparent 50% 50% no-repeat;
    background-size: cover;
    overflow: hidden;
}

 

Shop 3 ist genial und auch das Bild. Wie habt ihr das gemacht? Einfach Genial, hätte so ein animierten Bild ja gerne kurzfristig im Shop linksbündig und der Shop zentriert. Einfach super.

 

Am Hintergrund bin Ich auch noch dran. Möglich wäre eine ani Gif aber das wäre von der Ladezeit zu hoch. Es ist denke Ich eher wie ein Stream. Eventuell NSV oder gar Stream von YouTube !? Ich bin dran und hoffe Ich finde bald die passende Lösung

 

scheint ein svg-Video zu sein?!

 

habe mir das Video grad mal runter geladen, ist eine mp4-Datei

 

Aber eine MP4 auf einem normalen Webspace ? Ohne lange ladezeit ? Wie groß ist das Video wenn man fragen darf

 

2,23 MB

 

das ist noch vertretbar, abgesehen von der kurzen Sequenz kommen da locker um die 10 MB zusammen aber der Ansatz ist vorhanden mal schauen wie man das umsetzen kann.
Danke Achim

 

sieht so aus:

Code:

<video autoplay loop id="bgvid">
    <source src="images/content/index/Garten_stumm.mp4" type="video/mp4">
</video>