Bearbeiten und Erstellen von Buttons und Icons

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

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	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=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=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)	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“

Alle Dienstleistungen auf dieser Website sind ausschließlich für professionelle Zwecke ausgelegt und die Preise ohne Mehrwertsteuer dargestellt.

Bearbeiten und Erstellen von Buttons und Icons

FIRMA & RECHTLICHES

MEIST GELESEN

ADRESSE

Start Grafik & Webdesign Handbuch für epages 6 Projekte Produkte Bearbeiten und Erstellen von Buttons und Icons

Bearbeiten und Erstellen von Buttons und Icons

FIRMA & RECHTLICHES

MEIST GELESEN

ADRESSE