Aumentar um pouco a foto vitrini

Layout
1

Para quem procura aumentar um pouco as fotos na vitrine (pagina inicial)

segue códigos que coloquei.

produto, .listagem .produtos-carrossel[data-produtos-linha="3"] .imagem-produto { 
    height: 400px;
}

.listagem .titulo-categoria {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.listagem .titulo-categoria:first-child {
     margin-top: 0;
}

.listagem .listagem-linha:first-child {
    padding: 0 0 0 0;
}

Ficando razoável para Desktop e Mobile.

  • Minha vitrine e com 3 produtos… talvez tenha que adaptar para mais ou menos produtos

Acerto na caixa social no rodape.

@media screen and (min-width: 770px) {
    #rodape .redes-sociais {
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
        height: 400px;
    }
    
    .borda-principal {
        border-width: 0px 0 0;
    }
}

Para quer colocar outras redes sociais…
Neste caso é a tiktok

<style>
    .icon-tiktok {
        background-color: #000000;
        height: 30px; 
        width: 30px;
    }
</style>

<script type="text/javascript">
    $(document).ready(function() {
        if($('.lista-redes').length) {
            $('.lista-redes > ul').append("<li><a href='https://www.tiktok.com/@_SUA_LOJA/' target='_blank'><img class='icon-tiktok' src='https://cdn.awsli.com.br/950/950939/arquivos/tiktok.png' alt='tiktok @_SUA_LOJA'></a></li>")
        };
    });
</script>
3 curtidas
2

fala leonardo pode me ajudar ? as fotos no meu site estao muito pequena adicionei seu codigo mais nda aconteceu pode me ajudar sera q alem do codigo preciso adicionar fotos maiores no site? qual o tamanho que vc envia as fotos pro site ou com esse codigo o tamanho da imagem nao muda nda?

3

Qual a URL do seu site!?

4
5

Para a foto aumentar, terá que baixar seu carrossel da vitrine para 3 fotos, para que tenha espaço. Como coloquei na descrição do meu post

6

blz vou dar uma olhada aqui

7

Fiz como vc falou mais nda aconteceu fui no visual da loja coloquei exibir 3 fotos e modo carrossel ativo assim? fiz dessa forma depois desativei a opçao carrossel mais nda aconteceu

8

Deixe como falei que vejo aqui o que falta.
Você fez muitas customizações, pode ser que isso também esteja interferindo ou suas fotos são pequenas, minhas fotos são todas acima de 1080.

10

blz vou colocar o codigo novamente …verdade modifiquei muita coisa que as veses noto que interfere em algo as veses minhas fotos sao 900 x 900px

11

pronto add o codigo em CSS msm né ? ou é add em HTML ? e coloquei a vitrine com 3 fotos

12

Como vc não tem mais de 3 produtos, coloca para vitrine para dois, e nao está ativo o modo carrocel.

image

13

pronto esqueci do modo carrossel ativei agora vou add mais produtos entao e colocar as fotos maior do que 900px como vc comentou de momento obrigado vou fazer as alteraçoes aqui depois te falo se deu tudo certinho brigado msm por estar me ajudando depois vc da uma olhada ai o resultado valew

14

Realmente seu site está com muitas customizações, pois vc colocou carrossel e 2 itens, porem ele ainda continua para 4.

image
image1575×430 149 KB

se mudar para 3 vê que a imagem aumenta um pouco, onde meu código pode ajudar

image
image1559×493 212 KB

e se mudar para 2, aumenta mais ainda

image
image1584×518 197 KB

15

rsrs coloquei agora para 2 vou esperar porq como tem muito codigo pode ser que demore eu tenho uma pagina de teste onde só tem a barra de busca modificada la vou add 3 produtos la q nao tem produto nenhum e testar seu codigo la e ve se dar certo e tentar passar novamente pro meu rs cara muito obrigado pelo seu tempo me ajudando torcer pra algum momento meu monte de codigo nao atrapalhar nos produtos rsrs valew

16

está funcionando e correto o código para o TikTok?

www.lojaflorenca.com.br

17

muito bom, me salvou! <3

18

tem algun codigo para mudar o tamanho e cor da fonte ?

19

Olá, o código do tiktok está funcionando, coloquei esse que está aqui, mas não funcionou.

20

Olá, como aumentar a foto na pagina do produto? a vitrine as fotos ficam grandes mas dentro da pagina do produto fica pequena :frowning:

21

image
image1912×887 74.1 KB