Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor

Elementor 提供了一个强大的轮播(Carrossel)小工具,允许你轻松地创建动态且美观的产品展示画廊。在本指南中,我们将详细介绍如何使用 Elementor 的轮播小工具来创建一个引人注目的产品展示画廊,并通过具体示例帮助你理解和应用这些步骤。

Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor

步骤 1:安装并激活 Elementor Pro

要使用 Elementor 的轮播小工具,需要安装并激活 Elementor Pro 版本。免费版 Elementor 没有提供内置的轮播功能,因此升级到 Pro 是必要的。

步骤 2:创建一个新页面或编辑现有页面

  1. 登录到的 WordPress 仪表板,转到“página web", clique em "Adicionar nova página”或编辑想要添加轮播的现有页面。
  2. 在页面编辑器中点击“Utilizar o Editor Elementor".
Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor

步骤 3:添加产品图片

  1. 在 Elementor 页面编辑器的左侧栏中,搜索“轮播".
Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor
  1. 将“图像轮播”小工具拖放到页面上的所需位置。
  2. 单击轮播中的“添加图片”选项,选择并上传想要展示的产品图片。可以选择多张图片,确保这些图片清晰,并且尺寸一致,以便保持一致的视觉效果。
Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor

Exemplo:

假设在经营一家珠宝店,可以上传多张不同角度的手镯或项链图片,每个产品都有细节图。通过轮播,访问者可以轻松查看产品的不同细节。

Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor

步骤 4:配置轮播设置

  1. Em "elemento”选项卡中,可以设置轮播的布局。设置图片每次展示的数量(如显示 3 张图片),并设置轮播的滚动方式(如每次滚动 1 张图片)。
Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor
  1. 还可以配置轮播的动画效果,如滑动或淡入淡出,来增强产品展示的视觉吸引力。
Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor

Exemplo:

为了展示你的产品详情,可以选择“淡入淡出”效果,这样当客户滚动浏览产品图片时,会有一种平滑的过渡感,营造出更高级的视觉体验。

步骤 5:自定义样式

Elementor 可以完全自定义轮播的样式,以确保其与你的品牌风格一致。在“tipo”选项卡中,可以设置:

  • 图片的边距、间距
Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor
  • 边框和阴影效果
Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor
  • 轮播箭头和导航圆点的样式
Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor

步骤 6:添加产品链接或信息

除了展示图片外,还可以为每个产品添加链接,点击产品图片即可跳转到产品详情页。在“elemento”设置中,单击每个图片,可以为其添加自定义链接。

Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor

步骤 7:预览并发布

完成轮播设置后,别忘了点击页面底部的“Alterações na pré-visualização”,检查轮播的效果是否符合预期。确认无误后,点击“posto"Botão.

Como criar uma galeria de apresentação de produtos utilizando as rotações do Elementor

实际应用场景

  • 时尚类电商:服装、鞋类等可以通过多角度轮播展示产品细节,增强客户的购买信心。
  • 珠宝或奢侈品展示:通过精美的图片和缓慢切换的轮播效果,营造出奢华感,让客户更好地欣赏产品的精致细节。
  • 电子产品展示:通过轮播展示不同功能和外观细节,增强客户对产品的全面了解。

resumos

Elementor 的轮播小工具为产品展示提供了灵活且美观的解决方案。无论是时尚、电子产品还是奢侈品行业,使用图像轮播都可以显著提升页面的视觉吸引力,并为用户提供更好的浏览体验。通过上述简单的步骤,可以轻松创建一个动态且专业的产品展示画廊。


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/19450/

Como (0)
Anterior Terça-feira, 11 de setembro de 2024 às 11:21.
Seguinte 11 setembro 2024, 3:10 pm

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.