Hochzeitsbüscherl.at

Was sagt Ihr dazu?

www.hochzeitsbüscherl.at

Lg Alex

Hallo ??? (Hast du auch einen Namen?)

Der Shop gefällt mir gut.

Ich würde noch ein schönes Hintergrundbild einbinden.
Beitrag Hintergrundbild einbinden
 

Liebe Grüße

Wolfgang

Hi, bin der Alex!

Danke für deinen Vorschlag, werde ich mir gleich ansehen!

Da ich selber aus der .NET Welt komme, bin ich vom SmartStore.Net begeistert!

Hab mich leider viel zu lange mit Magento & Co herumgeschlagen ....

Moin, moin,

dumme Frage mal: Wie hast Du das hinbekommen, das im Content Slider so große Bilder angezeigt werden und kein Text eingegeben werden muss?

Bei mir werden die Bilder immer nur im linken Teil des Sliders angezeigt und rechts steht dann der entsprechende Text.

ciao

Harry

Hi, sorry die etwas verspätete Antwort :-)

Ich habe die entsprechende Datei (slider.less) im Themes Ordner angepasst.

Bei Interesse kann ich sie dir gerne zusenden.

Lg, Alex

Moin Alex,

könntest Du mir die Datei bitte zusenden, will ich auch gerne mal ausprobieren.

ciao

Harry

Hallo Alex,

spricht etwas dagegen das du die durchgeführten Änderungen oder die geänderte Datei direkt in diesem Beitrag veröffentlichst?

Dann würden sich bestimmt auch andere Nutzer darüber freuen.

Liebe Grüße

Wolfgang

Moin Alex,

kommt da noch was????

Ciao

Harry

Hallo Alex,

daran bin ich auch interessiert.     

Hi Alex,

schickst Du jetzt die Datei mal ???

ciao

Harry

?????????????????????????????????

Das ist ja wie beim "Ein Müncher im Himmel"

ciao

Puuuh, spät aber doch!

Sorry, hab die Anfragen nicht mitbekommen!

// Slide animations
// --------------------------------------------------

.sequence-canvas {
    .title, .info, .buttons {
        left: 100%;
        width: 40%;
        .opacity(0);
    }

    .title {
        margin-top: 10px;
    }

    .info {
        margin-top: 10px;

        ul { list-style-type: square; }
    }

    .buttons {
	    margin-top: 20px;
	    bottom: auto;
    }

    .picture {
	    /*left: 20%;*/
	    width: 100%;
	    height: 100%;
	    top: 0;
	    .opacity(0);
	    .transform(scale(2, 2));
    }
}

.sequence-canvas .animate-in {
    .title, .info, .buttons {
		left: 50%;
		top: auto;
		.opacity(100);
    }

    .title {
        .transition-duration(1s);
    }

    .info {
        .transition-duration(.75s);
    }

    .buttons {
	    bottom: auto;
	    .transition-duration(.5s);
    }

    .picture {
	    left: 0;
	    .opacity(100);
	    .transition-duration(1s);
	    .transform(none);
    }
}

.sequence-canvas .animate-out {
    .title, .info, .buttons {
		left: 25%;
		.opacity(0);
    }

    .title {
        .transition-duration(1s);
    }

    .info {
        .transition-duration(.75s);
    }

    .buttons {
	    bottom: auto;
	    .transition-duration(.5s);
    }

    .picture {
	    left: -10%;
	    .opacity(0);
	    .transition-duration(1s);
	    .transform(scale(.5, .5));
    }
}

Hab die Hintergrundfarbe noch entsprechend geändert (backend).

Lg, Alex

Hallo Alexander,

funktioniert dieses nur im SmartStore.NET oder auch im SmartStore Ultimate?

Falls es auch bei Ultimate funktioniert, wo muss ich das einsetzen und wie?

Vielen lieben Dank im Voraus!

Julienne

@Julienne (schöner Name!)

Sorry keine Ahnung ... einfach ausprobieren.

Aber beachte das die Bilder in 100% angezeigt werden -> auf das Bildformat achten, ich hab 1170px x 400px.

Lg, Alex

Da der vorinstallierte Slider einfach nicht dafür gemacht ist einzelne Bilder anzuzeigen, hab ich einen anderen eingebaut!

wowslider --> Tolle Animationen u. 100% Responsive.

www.hochzeitsbüscherl.at

Lg, Alex

Vielen Dank Alex!

Hallo Alex,

und wie wird der bei NET eingebunden? Könntest Du uns hier eine kleine Anleitung zukommen lassen? Please     

Ich mach eine Anleitung ...
Hoffe ich komm Heute noch dazu.

Ist nicht all zu kompliziert.

1. Wow Slider Programm downloaden und installieren

2. Bilder Hinzufügen und Slider zusammenklicken --> Tipp: Slider-Größe beachten! Bei mir ist es 1170x400px

3. Slider Veröffentlichen (Publish to folder)

4. Veröffentlichten Lokalen Ordner suchen darin enthalten:

• Data1           (Ordner)
• Engine1       (Ordner)
• wowslider.html
• wowslider-howto.html        (kann gelöscht werden)
• wowslider-iframe.html        (Kann gelöscht werden)

5. sucht euch am WebServer unter root\storename\views\home die Datei ContentSlider.cshtml

6. öffnet die Datei in einem Editor und kopiert die erforderlichen Informationen aus der wowslider.html Datei hinein.

Beispiel:

@if (isActive) 
{
    <!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
	<div id="wowslider-container1">
	<div class="ws_images"><ul>
		<li><img src="data1/images/11170x400.jpg" alt="1-1170x400" title="1-1170x400" id="wows1_0"/></li>
	</ul></div>
	<div class="ws_bullets"><div>
		<a href="data1/images/11170x400.jpg" title="1-1170x400"><span><img src="data1/tooltips/11170x400.jpg" alt="1-1170x400"/>1</span></a>
		<a href="data1/images/21170x400.jpg" title="2-1170x400"><span>2</span></a>
		<a href="data1/images/31170x400.jpg" title="3-1170x400"><span>3</span></a>
		<a href="data1/images/41170x400.jpg" title="4-1170x400"><span>4</span></a>
		<a href="data1/images/51170x400.jpg" title="5-1170x400"><span>5</span></a>
		<a href="data1/images/61170x400.jpg" title="6-1170x400"><span>6</span></a>
		<a href="data1/images/71170x400.jpg" title="7-1170x400"><span>7</span></a>
	</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.net">jquery slider</a> by WOWSlider.com v8.5</div>
	<div class="ws_shadow"></div>
	</div>	
	<script type="text/javascript" src="engine1/wowslider.js"></script>
	<script type="text/javascript" src="engine1/script.js"></script>
	<!-- End WOWSlider.com BODY section -->
	
	<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
	<link rel="stylesheet" type="text/css" href="engine1/style.css" />
	<script type="text/javascript" src="engine1/jquery.js"></script>
	<!-- End WOWSlider.com HEAD section -->	
}

7. Jetzt nur noch die zwei Ordner Data1 und Engine1 in euer Store Home Verzeichnis kopieren, fertig!

WICHTIG der Slider von SmartStore.NET wird zu 100% umgangen (muss aber aktiv sein).
Alle Einstellungen im Backend können beibehalten werden.

Macht euch von der ContentSlider.cshtml eine Kopie! Sollte es nicht funktionieren einfach Datei zurückspielen.

Ich gebe keine Garantie und hafte nicht für Shop Ausfälle oder ähnliches.

Hi Alexander,

danke für deine Hilfe mit dem Slider!
Soweit alles klar, aber bei dem Punkt 5) komme ich nicht weiter.

Wo genau finde ich die Datei ContentSlider.cshtml ??
 

DANKE schonmal