Unter „Produkte > Produkttypen > ProductClass > Reiter <Attribute>“ auf das Attribut „VM_Product-Buttons_Icons“ klicken:
Auf den Reiter „Werteauswahl“ klicken
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 |
Type=Icon Type=Button Type= BasketButton |
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=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=Character IconType=GoogleMat Mehr Infos auf https://fonts.google.com/icons |
IconImgSrc |
Der Dateiname des Iconbildes auf der Dateiverwaltung. |
IconImgSrc=Dateiname des Icons |
IconBorder |
Erlaubt die Dicke des Randes des Icons zu bestimmen (0 = ohne Rand) |
Icon ohne Rand: Icon mit Rand: |
IconSymbol | Erlaubt ein Icon einzufügen |
Zeichenbeispiel: Google Icon Beispiel: |
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 Nicht anzeigen |
ShowOnProductDetails | Zeigt oder versteckt einen Button oder ein Icon auf der Detailseite des Produktes |
Anzeigen Nicht anzeigen |
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 BasketButtonAction=Inquiry |
TextBox |
Zeigt auf der Produktdetailseite über den Buttons eine Textbox über das Attrribut „VM_Product_TextBoxButton_NumN“ N=Nummer des Parameters |
TextBox=0 TextBox=1 |