Inhalte aufrufen

Profilbild

Tutorial: How to write a Theme & Alpha Green


4 Antworten zu diesem Thema

#1 Michael Herzog

Michael Herzog

    SmartStore AG

  • Administrators
  • 3411 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   160 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
  • 1686 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


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

 

Die deutsche SmartStore.NET Online-Dokumentation gibt es hier:
http://docs.smartsto...display/smnetde

In dem folgenden BLOG findet man interessante Tipps & Tricks zum Thema "SmartStore.NET":

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
  • 3411 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




Auf dieses Thema antworten