Ícones e Action Buttons

Ícones e Action Buttons

Em "Produtos> Tipos de produtos> ProductClass> Separador <Atributos>", clique no atributo "VM_Product-Buttons_Icons":

 

Ícones e Action Buttons

 

Clique no separador "Lista de valores"

 

Ícones e Action Buttons

 

O botão e suas propriedades são definidas em Valor.

O texto inicial corresponde ao texto do botão. Seguindo-se os seus atributos

Exemplo de um botão com um ícone do Material Googe:
Produto de Topo Attr(Type=Button Background=#eb8111 Color=#fff BorderWidth=2 IconType=GoogleMat IconBorder=0 IconSymbol=phone ShowOnProductList=1 ShowOnProductDetails=1 ProductInquiry=1 TextBox=2)


Podem ser usados os seguintes atributos:

Atributo Função Valores / Exemplo
Type

Determina o que é exibido. Ícone ou botão

Determina o que é exibido. Ícone ou botão

Type=Icon
Ícone na imagem do produto

Type=Button
Botão abaixo da imagem do produto

Type= BasketButton
Altera o botão do carrinho de compras

BackgroundColor Cor de fundo do botão ou ícone. Também define a cor da border BackgroundColor=#fff
Hexadecimal oder RGB
#fff oder rgb (255, 255, 255)
BackgroundImage Define uma imagem de fundo que é armazenado na mesma pasta que a imagem do ícone. É definido durante a implementação do projeto.  
Color Cor do botão ou ícone Color=#000
Hexadecimal oder RGB
#000 oder rgb(0, 0, 0)
BorderWidth

Permite uma borda adicional para criar o botão (2º botão)

BorderWidth

BorderWidth=1
O número corresponde à espessura em pixels 1px, 2px, etc.
IconType

Permite que use um caractere no teclado (primeiro botão) ou um ícone do Google (segundo botão)

IconType

IconType=Character
IconType=Image
É usada uma imagem que está armazenada no seu pc. Veja o parâmetro "IconImgSrc"

IconType=GoogleMat

Mais informações em https://fonts.google.com/icons

IconImgSrc

O caminho para a imagem do ícone no gestor de ficheiros.

A pasta no gestor de ficheiros na loja é determinada quando a função de ícone é ativada.

IconImgSrc=Nome do arquivo do ícone
IconBorder

Permite definir a espessura da borda do ícone (0 = sem borda)

IconBorder

Ícone sem borda:
IconBorder=0

Ícone com borda:
IconBorder=1

IconSymbol Permite a inserção de um ícone

Exemplo de ícone:
IconSymbol=%

Exemplo de ícone do Google:
IconSymbol=phone

IconPosition Se um ícone for definido como um "Type" que é colocado em cima da imagem do produto e não como um "Button" em baixo da imagem, a posição do ícone pode ser definida. Superior esquerdo, superior direito, inferior esquerdo e inferior direito. IconPosition=TopLeft
IconPosition=TopRight
IconPosition=BottomLeft
IconPosition= BottomRight
ShowOnProductList Mostra ou ocultar um botão ou ícone na lista de produtos

Mostrar
ShowOnProductList=0

Não mostrar
ShowOnProductList=1

ShowOnProductDetails Mostra ou ocultar um botão ou ícone na página de detalhes do produto

Mostrar
ShowOnProductDetails=0

Não mostrar
ShowOnProductDetails=1

ProductInquiry Permite que um botão seja vinculado à página “Faça uma pergunta sobre o produto”

Nenhum link para a página "Faça uma pergunta sobre o produto" ProductInquiry=0

Link para a página "Faça uma pergunta sobre o produto" ProductInquiry=1

BasketButtonAction Define uma ação para o tipo de botão "BasketButton"

BasketButtonAction=Add
Função regular do Butão

BasketButtonAction=Inquiry
Cria um link para a página “Pergunta sobre o produto”

TextBox

Mostra uma caixa de texto através do atributo "VM_Product_TextBoxButton_NumN"

N=número do parâmetro

TextBox=0
Não mostra uma caixa de texto

TextBox=1
Mostra a caixa de texto "VM_Product_TextBoxButton_Num1"