{"id":334,"date":"2026-07-17T12:03:36","date_gmt":"2026-07-17T12:03:36","guid":{"rendered":"https:\/\/baqueiro.com.br\/loja\/?post_type=baqueiro_plugin&p=334"},"modified":"2026-07-17T12:53:02","modified_gmt":"2026-07-17T12:53:02","slug":"b-elementor-pretty-gallery","status":"publish","type":"baqueiro_plugin","link":"https:\/\/baqueiro.com.br\/loja\/plugins\/b-elementor-pretty-gallery\/","title":{"rendered":"[B] Pretty Gallery"},"content":{"rendered":"
\n

O Widget de Galeria Que o Elementor Deveria Ter Inclu\u00eddo.<\/h1>\n

Os widgets de galeria nativos do Elementor s\u00e3o grades e carross\u00e9is. Eles n\u00e3o oferecem uma imagem principal grande combinada com uma tira de miniaturas clic\u00e1veis \u2014 o layout que p\u00e1ginas de produto, portf\u00f3lios, listagens de im\u00f3veis, e detalhes de ve\u00edculos realmente precisam. [B] Pretty Gallery<\/strong> preenche essa lacuna: uma galeria com Swiper com uma imagem principal proeminente \u00e0 esquerda, uma coluna de miniaturas vertical \u00e0 direita, e quatro efeitos de transi\u00e7\u00e3o para escolher \u2014 tudo estilizado diretamente dentro do Elementor.<\/p>\n<\/section>\n

\n

O Problema de Layout Que Nenhum Widget Nativo Resolve<\/h2>\n

O layout de imagem principal + miniaturas verticais est\u00e1 em todos os lugares na internet. \u00c9 o padr\u00e3o para imagens de produto de e-commerce, galerias de fotos de im\u00f3veis, showcases de portf\u00f3lio, e listagens de ve\u00edculos. Os visitantes esperam clicar em uma miniatura e ver a imagem completa atualizar instantaneamente. O Elementor Pro n\u00e3o oferece isso nativamente.<\/p>\n

As solu\u00e7\u00f5es alternativas s\u00e3o todas desajeitadas. Galerias lightbox mostram miniaturas abaixo da imagem em uma tira, n\u00e3o ao lado. Widgets de slider n\u00e3o t\u00eam navega\u00e7\u00e3o por miniatura. Hacks de CSS personalizado no carrossel do Elementor quebram no editor do Elementor. Plugins de galeria de terceiros trazem seu pr\u00f3prio pipeline de estiliza\u00e7\u00e3o que conflita com o resto da constru\u00e7\u00e3o do Elementor.<\/p>\n<\/section>\n

\n

Imagem Principal + Miniaturas Verticais, Responsivo, Quatro Efeitos<\/h2>\n

[B] Pretty Gallery<\/strong> renderiza um layout de duas colunas: a imagem principal ocupa 80% da largura, a coluna de miniaturas ocupa os 20% restantes. No desktop, as miniaturas se empilham verticalmente e rolam se houver mais do que a contagem de linhas configurada. No mobile, o layout colapsa para uma \u00fanica coluna com uma tira de miniaturas de rolagem horizontal abaixo da imagem principal \u2014 nenhuma configura\u00e7\u00e3o necess\u00e1ria, est\u00e1 integrado ao CSS responsivo.<\/p>\n

A galeria \u00e9 alimentada pelo Swiper.js, que vem inclu\u00eddo com o Elementor e \u00e9 carregado como uma depend\u00eancia registrada \u2014 nenhuma requisi\u00e7\u00e3o HTTP extra, nenhum conflito de biblioteca. O swiper principal e o swiper de miniaturas s\u00e3o vinculados: clicar em uma miniatura salta para o slide correspondente, e avan\u00e7ar pelos slides rola a coluna de miniaturas para manter a miniatura ativa vis\u00edvel.<\/p>\n

Quatro efeitos de transi\u00e7\u00e3o est\u00e3o dispon\u00edveis na aba Content: Slide (padr\u00e3o), Fade, Cube 3D (com sombra e profundidade), e Coverflow. Velocidade de transi\u00e7\u00e3o, delay de autoplay, pausa ao passar o mouse, e loop s\u00e3o todos configur\u00e1veis. Bot\u00f5es de navega\u00e7\u00e3o por seta s\u00e3o incorporados com controles de estilo completos, com uma op\u00e7\u00e3o para ocult\u00e1-los no mobile.<\/p>\n<\/section>\n

\n

Tudo o Que Est\u00e1 Inclu\u00eddo<\/h2>\n
    \n
  • Duas fontes de imagem<\/strong> \u2014 sele\u00e7\u00e3o manual via controle Gallery do Elementor, ou extra\u00e7\u00e3o autom\u00e1tica de todos os anexos de imagem do post atual. O modo de anexos do post \u00e9 o recurso principal para listagens de im\u00f3veis, detalhes de ve\u00edculos, ou qualquer CPT onde as imagens s\u00e3o anexadas ao post.<\/li>\n
  • Quatro efeitos de transi\u00e7\u00e3o Swiper<\/strong> \u2014 Slide, Fade (crossFade), Cube 3D (com sombra e perspectiva), e Coverflow (com rota\u00e7\u00e3o). Configur\u00e1vel por inst\u00e2ncia de widget.<\/li>\n
  • Miniaturas verticais no desktop, tira horizontal no mobile<\/strong> \u2014 layout responsivo integrado ao CSS. Nenhuma configura\u00e7\u00e3o de breakpoint necess\u00e1ria. A contagem de linhas de miniaturas (quantas s\u00e3o vis\u00edveis antes de rolar) \u00e9 configur\u00e1vel.<\/li>\n
  • Autoplay com pausa ao passar o mouse<\/strong> \u2014 delay de autoplay e pausa ao passar o mouse s\u00e3o altern\u00e2ncias independentes. O efeito Cube desativa o loop automaticamente para evitar problemas de compatibilidade com o Swiper.<\/li>\n
  • Lazy loading em cada imagem<\/strong> \u2014 todas as imagens principais e de miniatura usam os atributos loading=\"lazy\"<\/code> e decoding=\"async\"<\/code>. A galeria n\u00e3o bloqueia o carregamento da p\u00e1gina em sites com grandes conjuntos de imagens.<\/li>\n
  • Pronto para teclado e acessibilidade<\/strong> \u2014 os bot\u00f5es de miniatura respondem \u00e0s teclas Enter e Espa\u00e7o. Os bot\u00f5es de seta t\u00eam atributos aria-label<\/code>. O carrossel principal tem aria-roledescription=\"carousel\"<\/code>. O cont\u00eainer de miniaturas tem um aria-label<\/code>.<\/li>\n
  • Totalmente estilizado dentro do Elementor<\/strong> \u2014 espa\u00e7amento do wrapper, largura\/altura m\u00e1xima, fundo, borda, sombra de caixa; largura\/altura m\u00e1xima da imagem principal, object-fit, object-position, sombra; espa\u00e7amento e sombra de miniaturas; tamanho, cor, fundo, sombra da seta. Tudo na aba Style.<\/li>\n<\/ul>\n<\/section>\n
    \n

    O Modo de Anexos do Post<\/h2>\n

    Para ag\u00eancias que constroem portais de im\u00f3veis, cat\u00e1logos de ve\u00edculos, ou qualquer diret\u00f3rio baseado em CPT: defina a fonte de imagem para “Post Attachments” e a galeria automaticamente extrai todas as imagens anexadas ao post atual, ordenadas por ordem de menu e depois por ID. Nenhuma sele\u00e7\u00e3o manual de galeria por post. Fa\u00e7a upload de imagens no post, e o widget de galeria no template de post \u00fanico as exibe todas.<\/p>\n

    Isso significa que uma configura\u00e7\u00e3o de widget no template do Elementor serve a todos os posts no CPT. Atualize as imagens no post, a galeria atualiza automaticamente \u2014 nenhuma edi\u00e7\u00e3o do Elementor necess\u00e1ria ap\u00f3s a configura\u00e7\u00e3o inicial do template.<\/p>\n<\/section>\n

    \n

    Nossa Garantia<\/h2>\n

    Constru\u00eddo por um desenvolvedor s\u00eanior com mais de 18 anos de experi\u00eancia usando a API oficial de widgets do Elementor e a integra\u00e7\u00e3o documentada de thumbs do Swiper. Se n\u00e3o funcionar como descrito no seu site Elementor, seu dinheiro ser\u00e1 devolvido.<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"

    Um widget de galeria com Swiper para Elementor com uma imagem principal grande, miniaturas verticais clic\u00e1veis, quatro efeitos de transi\u00e7\u00e3o (Slide, Fade, Cube 3D, Coverflow), autoplay, loop, e lazy-loading. As miniaturas mudam para uma tira de rolagem horizontal no mobile. Duas fontes de imagem: sele\u00e7\u00e3o manual ou extra\u00e7\u00e3o autom\u00e1tica dos anexos do post.<\/p>\n","protected":false},"featured_media":336,"template":"","plugin_category":[229,257,258],"use_case":[231,232,7,259,254],"license_type":[28],"compatibility":[147,68,256,234,235],"class_list":["post-334","baqueiro_plugin","type-baqueiro_plugin","status-publish","has-post-thumbnail","hentry","plugin_category-elementor","plugin_category-gallery","plugin_category-media","use_case-agencies","use_case-developers","use_case-e-commerce","use_case-portfolio","use_case-real-estate","license_type-commercial","compatibility-acf","compatibility-custom-post-types","compatibility-elementor-free","compatibility-elementor-pro","compatibility-metabox"],"_links":{"self":[{"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/baqueiro_plugin\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/baqueiro_plugin"}],"about":[{"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/types\/baqueiro_plugin"}],"version-history":[{"count":3,"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/baqueiro_plugin\/334\/revisions"}],"predecessor-version":[{"id":342,"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/baqueiro_plugin\/334\/revisions\/342"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/media\/336"}],"wp:attachment":[{"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/media?parent=334"}],"wp:term":[{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/plugin_category?post=334"},{"taxonomy":"use_case","embeddable":true,"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/use_case?post=334"},{"taxonomy":"license_type","embeddable":true,"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/license_type?post=334"},{"taxonomy":"compatibility","embeddable":true,"href":"https:\/\/baqueiro.com.br\/loja\/wp-json\/wp\/v2\/compatibility?post=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}