Na última edição, explorámosDefinições básicas do módulo no tema Avadaque, de certeza, já conhece bem. Hoje, vamos continuar a explicar alguns módulos mais especiais, como os módulos WooCommerce Product Rotator, Product Grid e Image Hotspot. Estes módulos oferecem opções mais flexíveis para a apresentação de produtos e caraterísticas funcionais, para que o seu sítio Web possa apresentar o conteúdo de uma forma mais rica e diversificada. De seguida, vamos analisar as definições e os cenários de aplicação destes módulos especiais!

Se precisarmos de apresentar produtos, podemos escolher o WooCommerce e o tema juntamente com o módulo sindicado

Vamos adicionar um Woo ProductCarousel

A rotação é uma linha de produtos no sentido do slide, se precisar deste efeito, pode considerar este módulo

O lado esquerdo pode definir o seu layout, bem como quantos produtos para exibir quantas colunas, bem como neste módulo para exibir uma série de elementos, tais como categorias, etiquetas, preços, botões, etc., que não fala um por um, a tradução direta pode ser entendida!

Se achar que este efeito não é do seu agrado

Também tem a opção deWoo ProductGrid(Grelha de produtos)

As definições são mal lidas, aqui não serão explicadas uma a uma, mas a função de configuração de cada módulo também tem uma certa diferença, como o módulo rotativo acima, ele só tem uma área de configuração, nenhuma configuração de cores e efeitos dinâmicos, mas as seguintes grelhas de produtos ele é o design (Design) e os efeitos dinâmicos das configurações, então você olha para a situação real, você precisa tomar um rico em recursos é certamente o seguinte

Em seguida, informamos um módulo de pontos de acesso de imagem (pontos de acesso de imagem)

Este módulo é geralmente utilizado quando é necessário definir pontos de distribuição na imagem, ou seja, pontos de ancoragem, tais como mapas, o seu ponto de venda, bem como introduzir as caraterísticas deste produto, que podem ser utilizados com este módulo

Aqui utilizamos o logótipo da Apple como demonstração e a imagem de fundo também é aleatória

Então, como é que o podemos fazer?

Item: é o ponto de ancoragem na imagem, pode compreender desta forma, eu coloquei três, pode colocar mais de acordo com as suas necessidades

Depois de clicar em Editar, pode definir a sua posição, arrastar para ver o efeito do lado direito, horizontal e vertical, mas recomenda-se que ajuste o ícone e a cor do item antes de o arrastar, porque se não for óbvio ou estiver coberto pelo fundo perderá o efeito em tempo real, como se segue

Em seguida, podemos também definir o ícone do item, bem como o texto tátil

Texto de ativação: é o texto apresentado diretamente

Título Popover: será apresentado apenas quando o item for tocado, este é o título.
Conteúdo do Popover: Esta é a descrição

Segundo Geral: Defina a imagem de fundo, a largura e a posição aqui, como mostrado acima.

Tal como o desenho (Design), aqui pode desenhar a cor de uma parte do artigo, bem como os seus efeitos de animação

Para obter bons resultados, todas as etapas devem ser cumpridas, por isso, tenha em mente o seguinte

resumos

No final desta edição, deverá ter uma boa compreensão deTema AvadaEstes módulos especiais do Avada dão-lhe uma imagem mais clara do seu sítio Web. Quer se trate do módulo WooCommerce para a apresentação de produtos ou do módulo de ponto de acesso de imagem com efeito interativo, o Avada fornece ferramentas diversificadas para o ajudar a melhorar a experiência do utilizador no seu sítio Web. Esperamos que esta edição seja útil para si, se quiser deixar um comentário ou contactar-nos, continuaremos a partilhar mais dicas sobre o tema Avada e métodos práticos na próxima edição.