Página 1 de 1

Ajustar Slideshow OC 3.0.3.3 para 100%

Enviado: 15 Mar 2024, 00:11
por Simone
OC 3.0.3.3 (Brasil 1.7.2)
Olá, preciso ajustar o banner Slideshow para responsive. Sei que existem extensões de outros banners, mas desejo o nativo do OC. A loja já está ajustada, falta somente o slideshow.

Re: Ajustar Slideshow OC 3.0.3.3 para 100%

Enviado: 18 Mar 2024, 22:13
por reds
Ola @Simone
A forma correta seria um novo bloco chamado full position, ou algo similar, a momento estou sem tempo para isso, mas você pode usar um simples truque no CSS para resolver por hora isso. veja se funciona com você.
Adicione um bloco no css como abaixo em qualquer posição de sua folha de estilos.
Código: Selecionar todos
.slideshow {
  left: calc(-1 * (100vw - 100%) / 2);
  width: 100vw;
  position: relative;
  padding: 50px 20px;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid transparent;
  margin: 0 auto;
}
Isso deve ser o suficiente e então 100% da tela deve ser ocupada pelo slideshow, todo caso você precisa de outros ajustes com botões e afins.
Espero que ajude :D

Re: Ajustar Slideshow OC 3.0.3.3 para 100%

Enviado: 10 Jun 2024, 22:53
por Simone
Grata pela atenção @reds , apliquei o código como informou, entretanto não apresentou resultado. Para resolver a situação, optei por um único banner e assim acabou a dor de cabeça.

Re: Ajustar Slideshow OC 3.0.3.3 para 100%

Enviado: 02 Jul 2024, 13:42
por leandrorppo
Olá! Tudo bem?

Desenvolvi esse XML gratuito que oculta o banner na versão para dispositivos móveis:
https://www.opencart.com/index.php?rout ... n_id=25920

Deduzindo que é bom focar nos produtos e o acesso fica mais rápido.