Bearbeiten und Erstellen von Buttons und Icons

Unter „Produkte > Produkttypen > ProductClass > Reiter <Attribute>“ auf das Attribut „VM_Product-Buttons_Icons“ klicken:

 

Bearbeiten und Erstellen von Buttons und Icons

 

Auf den Reiter „Werteauswahl“ klicken

 

Bearbeiten und Erstellen von Buttons und Icons

 

Unter Wert wird der Button und seine Eigenschaften definiert.

Der Anfangstext entspricht dem Text auf dem Button. Danach folgen die Attribute

Beispiel für einen Button mit Icon von Googe Material:
Top Produkt Attr(Type=Button Background=#eb8111 Color=#fff BorderWidth=2 IconType=GoogleMat IconBorder=0 IconSymbol=phone ShowOnProductList=0 ShowOnProductDetails=1 ProductInquiry=1)

 

Folgende Attribute können angewendet werden:

Attribut Funktion Werte / Beispiel
Type

Bestimmt, was angezeigt wird. Icon oder Button

Bestimmt, was angezeigt wird. Icon oder Button

Type=Icon
Icon auf dem Produktbild

Type=Button
Button unter dem Produktbild

Type= BasketButton
Ändert den Warenkorb Button

BackgroundColor Hintergrundfarbe des Buttons oder Icons. Es definiert ebenso die Border Farbe BackgroundColor=#fff
Hexadecimal oder RGB
#fff oder rgb(255, 255, 255)
BackgroundImage Definiert ein Hintergrundbild. Das wird im gleichen Ordner wie das Icon Bild hinterlegt. Dies wird bei Projektumsetzung definiert.  
Color Farbe des Buttons oder Icons Color=#000
Hexadecimal oder RGB
#000 oder rgb(0, 0, 0)
BorderWidth

Erlaubt einen zusätzlichen Rand um den Button zu erstellen (2. Button)

BorderWidth

BorderWidth=1
Zahl entspricht der Dicke in Pixel 1px, 2px, etc.
IconType

Erlaubt ein Zeichen der Tastatur (1. Button) oder ein Google Icon (2. Button) zu benutzen

IconType

IconType=Character
IconType=Image
Es wird ein Bild benutzt, welcher in einem Ordner angelegt ist. Siehe Paramenter „IconImgSrc„

IconType=GoogleMat

Mehr Infos auf https://fonts.google.com/icons

IconImgSrc

Der Dateiname des Iconbildes auf der Dateiverwaltung.
Der Ordner auf der Dateiverwaltung im Shop wird bei der Aktivierung der Icon-Funktion festgelegt.

IconImgSrc=Dateiname des Icons
IconBorder

Erlaubt die Dicke des Randes des Icons zu bestimmen (0 = ohne Rand)

IconBorder

Icon ohne Rand:
IconBorder=0

Icon mit Rand:
IconBorder=1

IconSymbol Erlaubt ein Icon einzufügen

Zeichenbeispiel:
IconSymbol=%

Google Icon Beispiel:
IconSymbol=phone

IconPosition Wird ein Icon als „Type“ definiert, das über dem Produktbild und nicht als „Button“ unter dem Bild platziert wird, so kann die Position von dem Icon definiert werden. Links oben, rechts oben, links unten und rechts unten. IconPosition=TopLeft
IconPosition=TopRight
IconPosition=BottomLeft
IconPosition= BottomRight
ShowOnProductList Zeigt oder versteckt einen Button oder ein Icon auf der Produktliste

Anzeigen
ShowOnProductList=0

Nicht anzeigen
ShowOnProductList=1

ShowOnProductDetails Zeigt oder versteckt einen Button oder ein Icon auf der Detailseite des Produktes

Anzeigen
ShowOnProductDetails=0

Nicht anzeigen
ShowOnProductDetails=1

ProductInquiry Erlaubt einen Button zu der Seite „Frage zum Produkt stellen“ zu verlinken.

Kein Link zur Seite „Frage zum Produkt stellen“ ProductInquiry=0

Link zur Seite „Frage zum Produkt stellen“ ProductInquiry=1

BasketButtonAction Definiert eine Aktion für den ButtonType „BasketButton“

BasketButtonAction=Add
Funktion regular do Button

BasketButtonAction=Inquiry
Erstellt Link zur Seite “Frage zum Produkt”

TextBox

Zeigt auf der Produktdetailseite über den Buttons eine Textbox über das Attrribut „VM_Product_TextBoxButton_NumN“

N=Nummer des Parameters

TextBox=0
Zeigt keine Textbox

TextBox=1
Zeigt die Textbox „VM_Product_TextBoxButton_Num1“