Inhalte aufrufen

Profilbild

Tutorial: How to write a Theme & Alpha Green


  • Bitte melden Sie sich an, um eine Antwort zu verfassen.
4 Antworten zu diesem Thema

#1 Michael Herzog

Michael Herzog

    SmartStore AG

  • Administrators
  • 3498 Beiträge

Geschrieben: 22 December 2014 - 13:27

Hi,

 

we've written a little tutorial for all who are interested in creating thier own themes. Following this tutorial I was able to create a new Alpha clone within half an hour.

I've attached it to this topic.

 

The tutorial can be found here:

https://github.com/s...rtStoreNET/wiki

 

Regards

 

Angehängte Datei  SmartStore.Theme.AlphaGreen.1.0.nupkg   90.74K   269 Anzahl Downloads


Michael Herzog
Smartstore AG


#2 net4u

net4u

    Advanced Member

  • Members
  • PunktPunktPunkt
  • 48 Beiträge

Geschrieben: 04 February 2015 - 15:06

Hi,

 

Is not clear how to change for example the background for using instead of a colour, an image. e.g. the equivalent of this CSS rule:

background: #000000 url(../img/coffee-beans.jpg) center center fixed; opacity: .9; background-repeat: repeat

Any hints?

 

Regards.



#3 Wolfgang Schmerge

Wolfgang Schmerge

    SmartStore AG

  • Administrators
  • 2453 Beiträge

Geschrieben: 04 February 2015 - 18:19

Hi,

 

please take this code in your user.less file.
directory = themes\Alpha\Content

 

body {
background-image: url('images/your-background-picture.jpg');
background-repeat: repeat-x;
background-position: left 200px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

 

Regards

 

Wolfgang


Shopbetreiber benötigen Ihre Hilfe! Bewerten Sie jetzt Smartstore auf Capterra.

Als Dankeschön erhalten Sie 20 Euro für Ihren nächsten Kauf im Marketplace.

Smartstore bewerten


 

Bleibt gesund!

 

Viele zusätzliche Smartstore Plugins gibt es im MARKETPLACE:
http://community.sma...dex.php?/files/

 

Hier geht es zu den Smartstore Videos:
Smartstore.NET Youtube-Channel
 

Die deutsche Smartstore Online-Dokumentation gibt es hier:
https://smartstore.a...iew?mode=global

In dem folgenden BLOG findet man interessante Tipps & Tricks zum Thema "Smartstore":

http://community.sma...t-tipps-tricks/

 


#4 net4u

net4u

    Advanced Member

  • Members
  • PunktPunktPunkt
  • 48 Beiträge

Geschrieben: 09 February 2015 - 11:56

All themes relies on basic Alpha theme? I ask this because I derived a theme from Alpha Black, I made some changes at colour level (and the changes work) but at first sight I did not find in what less files the changes are saved.

So in my particular case if I want to add this custom background, I have to di this in basic Alpha Theme or in the new derived theme that I have?



#5 Michael Herzog

Michael Herzog

    SmartStore AG

  • Administrators
  • 3498 Beiträge

Geschrieben: 09 February 2015 - 12:27

Hi,

 

you should use either the file user.less (if your adaptions are only for yourself) or the file custom.less (when you're planning to distribute your theme)

of your derived theme.

 

Regrads


Michael Herzog
Smartstore AG