Página inicial Epages Web Design Manual para projetos epages 6 Produtos Ícones e Action Buttons
Ícones e Action Buttons
Em "Produtos> Tipos de produtos> ProductClass> Separador <Atributos>", clique no atributo "VM_Product-Buttons_Icons":
Clique no separador "Lista de valores"
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
|
Type=Icon Type=Button Type= BasketButton |
| 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=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=Character 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)
|
Ícone sem borda: Ícone com borda: |
| IconSymbol | Permite a inserção de um ícone |
Exemplo de ícone: Exemplo de ícone do Google: |
| 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 Não mostrar |
| ShowOnProductDetails | Mostra ou ocultar um botão ou ícone na página de detalhes do produto |
Mostrar Não mostrar |
| 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 BasketButtonAction=Inquiry |
| TextBox |
Mostra uma caixa de texto através do atributo "VM_Product_TextBoxButton_NumN" N=número do parâmetro |
TextBox=0 TextBox=1 |
EMPRESA & LEGAL |
MAIS LIDOSWeb Design para Sage 50 Shop (epages) Design Versão Mobile epages Shops "Login" e "Minha Conta" para Versão Mobile Responsive Web Design para epages Shops Design Gadgets para epages Shops Portfólio Lojas e Web Sites epages
|
ENDEREÇOEstrada da Ponte, nº 2 Quinta Grande - Alfragide 2610-141 Amadora Portugal - Google Map tel.: (+351) 214 067 846 tm: (+351) 936 810 645 |
andreashuberviamodul