Pesquisar

Ajuste em CSS - Carousel de itens

23/01/2019 às 10: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 10:28

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

Informações adicionais

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

Cliente

Freelancer vencedor

Propostas (1)
  • Freelancer novo Promovida Aceita Aceita Rejeitada

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

Nenhuma proposta foi encontrada.

Carregando...
Projetos semelhantes no 99Freelas

Ajustes em tema WordPress - Preciso de um profissional com experiência em WordPress (nível pleno) para realizar ajustes em um tema já instalado. As principais atividades incluem: • Configurar o Word...

Sistema LPR para leitura de placas - Estamos em busca de um profissional com experiência em sistemas LPR. O projeto consiste em integrar uma câmera IP (RTSP/ONVIF) para leitura de placas nacionais, tanto antigas quanto nov...

Desenvolver loja virtual na plataforma Tray - Preciso de um orçamento para desenvolver uma loja virtual na plataforma Tray. Terei no mínimo 200 produtos e eu mesmo irei cadastrá-los. Preciso de um orçamento. Precis...

Otimização de site no Google Sites - Olá. Temos um site feito no Google Sites e precisamos garantir: • Indexação das páginas de 2 domínios • Sitemap de 2 sites contendo 4 páginas ca...

Landing page para energia solar - Landing page para energia solar. A estrutura ideal pode seguir este modelo: • Título de impacto no topo da página. • Vídeo explicativo logo abaixo, apresentando os...

Carregando...

Carregando...

Pesquisar

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