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 & 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

Página de vendas de máquinas de cartão de crédito - Base Elementor Pro - Preciso de uma página de vendas que seja idêntica a esta. https://www.mercadopago.com.br/point o link de pagamento, nos iremos gerar pra ser fornecido, pois vai ter var...

Criação de site simples de venda de canecas personalizadas - Página inicial simples e estática. Possibilidade do usuário enviar os modelos pela página inicial, recebendo via chat do facebook ou email. Background ...

Sistema GDS para aviação - Criar um GDS para aviação + um sistema de agendamento de voos. Será necessário iniciar pelo sistema de agendamento. Ideal experiência com Sabre ou Amadeus...

Blog sobre joias - Conteúdo sobre joias, gemas, cases de sucesso de joalherias, como organizar uma vitrine, tendência de moda na joalheria,... Observações: - Escrita para blog -...

Ajuda - Hosting - NodeJS Server + Hosting Service - Preciso de um auxilio na criacao de um webserver e hosting para uma pagina web. A pagina possui uma pagina de contato (form). Uma vez que o usuario envia informacoes de um formulario, o respon...

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.