Pesquisar

Ajuste em CSS - Carousel de itens

23/01/2019 às 12:00

Descrição do Projeto:

Meu layout hoje utiliza esse template com este carousel de itens https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=multiple-item-product-carousel

Só que a cada 4 itens do carousel tem uma quebra de tags html. Isso está atrapalhando o carregamento dos meus registros dinamicamente.

Preciso de ajuste no css deste carousel que permita add atraves de um loop o html :<div class="col-sm-3">
<div class="thumb-wrapper">
<span class="wish-icon"><i class="fa fa-heart-o"></i></span>
<div class="img-box">
<img src="/examples/images/products/headphone.jpg" class="img-responsive img-fluid" alt="">
</div>
<div class="thumb-content">
<h4>Sony Headphone</h4>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
</ul>
</div>
<p class="item-price"><strike>$25.00</strike> <b>$23.99</b></p>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
e ele controlar as quebras de 4 em 4 e paginacao.

Como é feito hoje nesse layout:
https://codepen.io/Qvatra/pen/yOvBoM
Se eu add N registros em um loop com <div class="item">
<div class="carousel-col">
<div class="block green img-responsive"></div>
</div>
</div> funciona perfeito.
Se for complicado aceito também um merge do segundo com o conteudo dos cards do primeiro.

Habilidades desejadas:

CSS3 HTML5 Javascript

Atividades do cliente nesse projeto:

Última visualização: 27/01/2019 às 12:28

Última interação: 24/01/2019 às 11:05

Informações adicionais

Categoria: Web & Desenvolvimento
Subcategoria: Desenvolvimento Web
Orçamento: Aberto
Nível de experiência: Intermediário
Visibilidade: Público
Propostas: 4
Interessados: 19

Cliente

MathBh

Freelancer vencedor

Fabio Valentim
Propostas (4)
  • Freelancer novo Promovida Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

  • Freelancer novo Promovida Aceita Rejeitada

    Submetido: | Oferta: Privado | Duração estimada: Privado

Nenhuma proposta foi encontrada.

Carregando...
Projetos semelhantes no 99Freelas

Site de rifa - Preciso que seja desenvolvido o frontend de um site de rifas, algo semelhante a esse: https://cartgaragem.com.br/rifa/dodge-dart-v8-1979/ Mas preciso que o visual seja CLEAN.

Ferramenta para assinatura de documentos - Por favor só envie sua proposta se souber executar o que está sendo proposto. Não temos preferência por linguagem a ser utilizada, você pode decidir isso, desde que...

E-commerce - Site para vendas de artigos zen / yoga / meditação - Estou iniciando um negocio, e gostaria de ter meu site vinculado com alguma plataforma que integre as redes sociais. Preciso registro e domínio. Tenho intenç&atild...

Site estilo booking + App - Imobiliária - Procuro profissional qualificado com vasta experiência para desenvolver um site estilo booking + APP+ markenting virtual Conhecimento em inteligência artificial, Especialista S...

Migração de conteúdo hospedado em Wordpress para outro Wordpress - Preciso de alguém que faça toda configuração e migração para uma nova conta no wordpress.

Carregando...

Carregando...

Pesquisar

FREELANCERS
PROJETOS
Ocorreu um erro inesperado. Caso o erro persista, entre em contato conosco através do e-mail contato@99freelas.com.br.