Imagem do produto na página do checkout

[Nicolas_Rodrigues]

Salve gente, tudo bem ?

Alguém já conseguiu adicionar a imagem do produto na página de checkout do pedido ? Estou precisando fazer isso no tema padrão.

[clara]

Olá!

Para configurações via código, sugiro que contrate um programador ou uma empresa da área para te auxiliar nas configurações. Lembrando que, nós não prestamos suporte para questões relacionadas a temas ou código de programação, pois trata-se de uma configuração externa a nossa plataforma.

Conheça nossos parceiros certificados.

Mas aqui na comunidade há vários usuários que possuem conhecimento, vamos manter o tópico aberto para eles te ajudarem!

[Nicolas_Rodrigues]

Segue código abaixo para realizar essa alteração:

<script type="text/javascript">
$(document).ready(function(){
    if (window.location.href.indexOf("checkout") > -1) {
          
        	var urlImages = Array.prototype.map.call(
        	        $('img'),
            		function(e) { return e.href || e.src ; }
        	);

            var images = urlImages.filter(function(e) { return e.includes('produto'); });
            var imagesFormated = images.map(function(e) { return '<img src="'+e+'" />'; });
            
            $('[data-produto-id]').each(function (i, a) {
               $(this).before('<td class="sem-borda conteiner-imagem"><div class="imagem">'+imagesFormated[i]+'</div></td>');
            });
            
            $('.tabela-carrinho thead tr th:nth-child(1)').before('<th><h6>Imagem</h6></th>');
            $('.tabela-carrinho tbody .bg-dark td:nth-child(1)').before('<td>&nbsp;</td>');

    }

});
</script>

[Leonardo_Vicentini_F]

Muito bom!
Muito bom Mesmo!

[fernandoa]

@Nicolas_Rodrigues

<script type="text/javascript">
$(document).ready(function(){
    if (window.location.href.indexOf("checkout") > -1) {
          
        	var urlImages = Array.prototype.map.call(
        	        $('img'),
            		function(e) { return e.href || e.src ; }
        	);

            var images = urlImages.filter(function(e) { return e.includes('produto'); });
            var imagesFormated = images.map(function(e) { return '<img src="'+e+'" />'; });
            
            $('[data-produto-id]').each(function (i, a) {
               $(this).before('<td class="sem-borda conteiner-imagem"><div class="imagem">'+imagesFormated[i]+'</div></td>');
            });
            
            $('.tabela-carrinho thead tr th:nth-child(1)').before('<th><h6>Imagem</h6></th>');
            $('.tabela-carrinho tbody .bg-dark td:nth-child(1)').before('<td>&nbsp;</td>');

    }

});
</script>

TOP perfeito funcional…utilizando…

[FabianoBrassioli]

@Nicolas_Rodrigues

<script type="text/javascript">
$(document).ready(function(){
    if (window.location.href.indexOf("checkout") > -1) {
          
        	var urlImages = Array.prototype.map.call(
        	        $('img'),
            		function(e) { return e.href || e.src ; }
        	);

            var images = urlImages.filter(function(e) { return e.includes('produto'); });
            var imagesFormated = images.map(function(e) { return '<img src="'+e+'" />'; });
            
            $('[data-produto-id]').each(function (i, a) {
               $(this).before('<td class="sem-borda conteiner-imagem"><div class="imagem">'+imagesFormated[i]+'</div></td>');
            });
            
            $('.tabela-carrinho thead tr th:nth-child(1)').before('<th><h6>Imagem</h6></th>');
            $('.tabela-carrinho tbody .bg-dark td:nth-child(1)').before('<td>&nbsp;</td>');

    }

});
</script>

Aplicado…excelente! Parabéns.

[Etalzfs]

mahhh chÊ !!! mandou mto ! os caras são top.

mas, o que mais gosto mesmo são dos comentários padrão da L.I. “contrate… / isso não temos”

enfimmmm parabéns aos envolvidos e muito obrigado. =]

[Mauricio_Maumau]

Valeu galera ficou top!!

[luiz_boaventura]

Muito bom, agradeço a colaboração!

[Cani]

Aqui não aparece a imagem fica um texto como “undefined”, o que pode ser?

[AndrezaSakai]

o meu funcionou, mas a imagem ficou deslocada para a direita da tela, como faço pra colocar ela a esquerda?

[igor.silvao]

@Etalzfs

mmmm parabéns aos envolvidos e muito obrigado.

Olá, conseguiu resolver ??

[Mauricio_Pereira]

não está conseguindo aplicar?

[sophia_zacchi]

Conseguiu resolver amiga?