Posição alterador de Quantidade

Bom dia Pessoal!

Gostaria de saber se alguém sabe como coloco esse alterador de quantidade ao lado do botão?

A outra coisa é como trocar o ícone da tabela de medidas, uso ela como uma imagem explicatica queria troca a fita metrica com uma lampada algo assim. link loja

image

kkkkkkkkkkkkkkkk era para estar ali, mas colocaram essa customização no meio

tem que ver com quem fez essa customização, para jogar esse contador para dentro, ja que ele criou outro botão “comprar”

image

image

seria algo + - assim:

.comprar div.fpp-wrapper form {
    display: flex;
    flex-wrap: wrap;
}
$function(){
    $('.fpp-options-wrapper').after($('.qtde-adicionar-carrinho'));
});

Você é o cara, me salvando mais uma vez!
Muito obrigado! @Leonardo_Vicentini_F

Esse código coloco no CSS e o outro Java Script?

o primeiro em CSS

o outro JS, Rodapé, Pagina de produtos…

Fiz aqui mas não deu, estranho

pq ele deve carregar bem depois, por isso falei para vc falar com o pessoal do plugin, pq qualquer outra forma vai ser “gambiarra” (settimeout)

Ah sim entendi vou ver com eles muio obrigado!

Quanto a troca do ícone da tabela de medidas é difícil?

cara fiquei tão focado no problema que nem vi isso
deixa eu ver aqui

Tranquilo, tem pressa não

hoje é um svg, para trocar vai precisar saber se é uma img (vai ter que trocar de tag) ou se vai ser outro svg (usar mesma tag)

exemplo trocando o svg por outro

$(function(){
$('.botao-tabela svg').remove();
$('.botao-tabela').prepend('<svg viewBox="0 -28 512.001 512" xmlns="http://www.w3.org/2000/svg"><path d="m256 455.52c-7.2891 0-14.316-2.6406-19.793-7.4375-20.684-18.086-40.625-35.082-58.219-50.074l-0.089843-0.078125c-51.582-43.957-96.125-81.918-127.12-119.31-34.645-41.805-50.781-81.441-50.781-124.74 0-42.07 14.426-80.883 40.617-109.29 26.504-28.746 62.871-44.578 102.41-44.578 29.555 0 56.621 9.3438 80.445 27.77 12.023 9.3008 22.922 20.684 32.523 33.961 9.6055-13.277 20.5-24.66 32.527-33.961 23.824-18.426 50.891-27.77 80.445-27.77 39.539 0 75.91 15.832 102.41 44.578 26.191 28.41 40.613 67.223 40.613 109.29 0 43.301-16.133 82.938-50.777 124.74-30.992 37.398-75.531 75.355-127.11 119.31-17.625 15.016-37.598 32.039-58.328 50.168-5.4727 4.7891-12.504 7.4297-19.789 7.4297zm-112.97-425.52c-31.066 0-59.605 12.398-80.367 34.914-21.07 22.855-32.676 54.449-32.676 88.965 0 36.418 13.535 68.988 43.883 105.61 29.332 35.395 72.961 72.574 123.48 115.62l0.09375 0.078126c17.66 15.051 37.68 32.113 58.516 50.332 20.961-18.254 41.012-35.344 58.707-50.418 50.512-43.051 94.137-80.223 123.47-115.62 30.344-36.617 43.879-69.188 43.879-105.61 0-34.516-11.605-66.109-32.676-88.965-20.758-22.516-49.301-34.914-80.363-34.914-22.758 0-43.652 7.2344-62.102 21.5-16.441 12.719-27.895 28.797-34.609 40.047-3.4531 5.7852-9.5312 9.2383-16.262 9.2383s-12.809-3.4531-16.262-9.2383c-6.7109-11.25-18.164-27.328-34.609-40.047-18.449-14.266-39.344-21.5-62.098-21.5z"></path></svg>');
});

1 curtida

Ah sim top,
Ai no caso baixo a imagem que quero em SGV e faço o Upload na LI e coloco o link dentro do código?

se for svg, pode pegar o codigo (texto) e colocar entre as aspas
nem precisa fazer upload

1 curtida

Mas ela precisaria está em algum site.

$(function(){
$('.botao-tabela svg').remove();
$('.botao-tabela').prepend('<svg viewBox="0 -28 512.001 512" xmlns="https://cdn.awsli.com.br/1364/1364244/arquivos/click-1263.svg"><path d="m256 455.52c-7.2891 0-14.316-2.6406-19.793-7.4375-20.684-18.086-40.625-35.082-58.219-50.074l-0.089843-0.078125c-51.582-43.957-96.125-81.918-127.12-119.31-34.645-41.805-50.781-81.441-50.781-124.74 0-42.07 14.426-80.883 40.617-109.29 26.504-28.746 62.871-44.578 102.41-44.578 29.555 0 56.621 9.3438 80.445 27.77 12.023 9.3008 22.922 20.684 32.523 33.961 9.6055-13.277 20.5-24.66 32.527-33.961 23.824-18.426 50.891-27.77 80.445-27.77 39.539 0 75.91 15.832 102.41 44.578 26.191 28.41 40.613 67.223 40.613 109.29 0 43.301-16.133 82.938-50.777 124.74-30.992 37.398-75.531 75.355-127.11 119.31-17.625 15.016-37.598 32.039-58.328 50.168-5.4727 4.7891-12.504 7.4297-19.789 7.4297zm-112.97-425.52c-31.066 0-59.605 12.398-80.367 34.914-21.07 22.855-32.676 54.449-32.676 88.965 0 36.418 13.535 68.988 43.883 105.61 29.332 35.395 72.961 72.574 123.48 115.62l0.09375 0.078126c17.66 15.051 37.68 32.113 58.516 50.332 20.961-18.254 41.012-35.344 58.707-50.418 50.512-43.051 94.137-80.223 123.47-115.62 30.344-36.617 43.879-69.188 43.879-105.61 0-34.516-11.605-66.109-32.676-88.965-20.758-22.516-49.301-34.914-80.363-34.914-22.758 0-43.652 7.2344-62.102 21.5-16.441 12.719-27.895 28.797-34.609 40.047-3.4531 5.7852-9.5312 9.2383-16.262 9.2383s-12.809-3.4531-16.262-9.2383c-6.7109-11.25-18.164-27.328-34.609-40.047-18.449-14.266-39.344-21.5-62.098-21.5z"></path></svg>');
});

Fiz dessa forma

nao… svg e imagem dinâmica, o texto cria a img no navegador
diferente de imagens que precisam estar hospedadas

To quebrando a cabeça até agora kkkkk

Baixei até um programa para fazer isso mas não deu.

Como seria para pegar o código dessa imagem por exemplo?

https://commons.wikimedia.org/wiki/File:Noun_Project_edit_icon_1038134.svg#/media/File:Noun_Project_edit_icon_1038134.svg

abre ela no bloco de notas, pega o texto e plim!

$(function(){
$('.botao-tabela svg').remove();
$('.botao-tabela').prepend('<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 76 76" xml:space="preserve" id="svg143" sodipodi:docname="noun_edit_1038134.svg" width="100" height="100" inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata id="metadata149"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs id="defs147" /><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="2073" inkscape:window-height="1318" id="namedview145" showgrid="false" inkscape:zoom="6.4105263" inkscape:cx="65.308676" inkscape:cy="34.22681" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" inkscape:current-layer="svg143" /><g id="g137" transform="matrix(1.7329315,0,0,1.7329315,-15.917991,-15.745905)"><path d="m 65.269,18.765 -7.406,-7.406 c -0.391,-0.391 -1.023,-0.391 -1.414,0 l -4.761,4.761 -21.161,21.16 -2.116,2.116 c -0.113,0.113 -0.198,0.252 -0.246,0.405 l -3.438,10.845 c -0.113,0.355 -0.018,0.745 0.246,1.009 0.19,0.19 0.446,0.293 0.707,0.293 0.101,0 0.203,-0.016 0.302,-0.047 l 10.844,-3.438 c 0.153,-0.048 0.292,-0.133 0.405,-0.246 l 2.116,-2.116 21.161,-21.16 4.761,-4.761 c 0.391,-0.391 0.391,-1.024 0,-1.415 z M 35.99,46.63 l -8.773,2.782 2.782,-8.774 1.236,-1.236 5.992,5.992 z m 2.651,-2.651 -5.992,-5.992 19.747,-19.746 5.992,5.992 z m 21.16,-21.16 -5.992,-5.992 3.347,-3.347 5.992,5.992 z" id="path133" inkscape:connector-curvature="0" /><path d="m 59.438,35.934 c -0.553,0 -1,0.448 -1,1 v 26 h -46 v -45 h 27 c 0.553,0 1,-0.448 1,-1 0,-0.552 -0.447,-1 -1,-1 h -28 c -0.552,0 -1,0.448 -1,1 v 47 c 0,0.553 0.448,1 1,1 h 48 c 0.553,0 1,-0.447 1,-1 v -27 c 0,-0.553 -0.447,-1 -1,-1 z" id="path135" inkscape:connector-curvature="0" /></g></svg>');
});
1 curtida

Muito obrigado mesmo! Te devo mais uma :handshake:t4:

1 curtida

É possível colocar esse botão de alterar a quantidade ao lado do botão comprar na página home?