LojaExemplo: Como colocar botao COMPRAR na homepage e listagens de categoria

  • Olá, este tutorial refere-se ao sistema LojaExemplo, originalmente desenvolvido pela Locaweb.

    .

    Vou ensinar como colocar o botão comprar, que ao clicar vai direto no carrinho (como na loja www.barrocarte.com).

    Entre no arquivo funcoes/funcoes.asp

    .

    OBS: NÃO COPIE E COLE OS CÓDIGOS DO POST. ELES SÃO SÓ PARA REFERENCIA. NO ANEXO DOS ARQUIVOS ESTÃO OS CÓDIGOS CERTOS E COMPLETOS. UM DOS PROBLEMAS QUE VAI DAR SE TENTAR COPIAR O CÓDIGO DO POST É COM RELAÇÃO AS ASPAS, QUE NO POST ESTÃO ASSIM ” POR PADRÃO. PARA EVITAR ERROS DIGITE AS ASPAS OU COPIE DO ARQUIVO EM ANEXO.

    Código da função do botão:

    (…)

    }
    ul#gop li a
    {
    display: block;
    width: 100%;
    padding: 0;
    }
    </style>

    <script type=”text/javascript”>
    function addproduto2(codprod,codcat) {

    document.produto.codigo_produto.value = codprod;
    document.produto.codigo_categoria.value = codcat;

    var nome_tamanho = document.getElementsByName(“nome_tamanho”);
    for (counter = 0; counter < nome_tamanho.length; counter++) {
    if (nome_tamanho[counter].checked == true) {
    document.produto.codigo_tamanho.value = nome_tamanho[counter].value;
    }
    }

    var nome_cor = document.getElementsByName(“nome_cor”);
    for (counter = 0; counter < nome_cor.length; counter++) {
    if (nome_cor[counter].checked == true) {
    document.produto.codigo_cor.value = nome_cor[counter].value;
    }
    }

    document.produto.submit();
    }

    </script>

    <%
    If VerificaExistenciaDado(“codigo_categoria”,”Categorias”,”codigo_categoria”,Request(“codigo_categoria”)) And Request(“codigo_categoria”) <> “” Then

    ‘Fecha e libera da memória o objeto de Recordset o arquivo todo

    ‘Captura a subcategoria se existir
    Set RS_Categoria = Server.CreateObject(“ADODB.Recordset”)
    RS_Categoria.CursorLocation = 3
    RS_Categoria.CursorType = 0
    RS_Categoria.LockType =  1
    RS_Categoria.Open “SELECT codigo_categoria, nome_categoria FROM Categorias WHERE sigla_idioma=’”&varLang&”‘ AND codigo_categoria = “&Request(“codigo_categoria”)&”” , Conexao
    nome_categoria = RS_Categoria(“nome_categoria”)

    (…)

    Código do botão:

    (…)
    <li>
    <a href=”produtos_descricao.asp?lang=<%=varLang%>&codigo_produto=<%=RS_Produto(“codigo_produto”)%>”><img src=”<%= RS_Produto(“img_produtoPQN”) %>” border=”0″></a>
    <a href=”produtos_descricao.asp?lang=<%=varLang%>&codigo_produto=<%=RS_Produto(“codigo_produto”)%>” class=”TXTproduto”><%= RS_Produto(“nome_produto”) %><br>
    <%If RS_Produto(“quantidade_produto”) > 0 Then%>
    <%If RS_Produto(“preco_unitario”) > 0 then %>
    <span class=”TXTproduto”>
    <%If pegavalor_promocao(codigo_produto,RS_Produto) < FormatNumber(valor_produto) Then%>
    <b><%If pegavalor_promocao(codigo_produto,RS_Produto) <> “” Then%><%=Application(“MiddleTxtDe”)%> <s><%=abvmoeda%>&nbsp;&nbsp;<%= FormatNumber(valor_produto) %></s><%Else%><%=abvmoeda%>&nbsp;&nbsp;<%= FormatNumber(valor_produto) %><%End if%></b><br>

    <%If pegavalor_promocao(codigo_produto,RS_Produto) <> “” Then%>
    <b><%=Application(“MiddleTxtPor”)%> <%=abvmoeda%>&nbsp;&nbsp;<%=FormatNumber(pegavalor_promocao(valor_produto,RS_Produto)) %></b><br>
    <% Response.write Application(“MiddleTxtValido”) & “&nbsp;” & RS_Produto(“data_fim”)%>
    <%End if%>
    <%Else%>
    <%If valor_produto <> “” Then%>
    <b><%=abvmoeda%>&nbsp;&nbsp;<%= FormatNumber(valor_produto) %><b>
    <%End if%>
    <%End if%>
    <%End if%>
    <%Else%>
    <b><%=Application(“MiddleTxtNaoDisponivel”)%></b>
    <%End if%>
    </a>

    <%If Application(“tipoconfiguracao”)=”lojavirtual” Then%><input name=”Submit” type=”button” class=”BTTNcomprar” value=”<%=Application(“BttComprar”)%>” onclick=”javascript: addproduto2(‘<%=RS_Produto(“codigo_produto”)%>’,’ <%=RS_Produto(“codigo_categoria”)%>’)”><%End if%>

    <br>
    <br>
    </li>
    (…)

    Baixe o arquivo completo

    O código do botão poderá mudar de local caso seja conveniente para seu layout.

    Abraço.



    Related Posts Plugin for WordPress, Blogger...




7 Comentarios

  • muito bom o tuto!

    segui aqui e funcionou direitinho!!! gostaria de agradecer por ter postado algo tão útil e funcional!

    PARABENS!!!!!!

  • Como fazer para colocar o botão comprar e o ver detalhes?

  • Olá Wolverine,

    Desculpe a demora para responder.

    Para adicionar o botão ver detalhes adicione o código abaixo:

    <a href=”produtos_descricao.asp?lang=&codigo_produto=”>

    Abraço.

  • Será que vc pode explicar onde inserir essa linha de codigo?
    Para adicionar o botão ver detalhes adicione o código abaixo:

    coloquei o botão comprar e queria adicionar o detalhes tbem vc pode me ajudar

    Aguardo

  • OLa Amigo,
    Tem como ensinar a colocar o botão detalhes junto com o botão comprar?
    Onde Colocar o Código?

    Aguardo…

  • Olá Luciane,

    Para colocar o botão detalhe junto do comprar adicione encontre o seguinte código na pagina funcoes.asp:

    <input name="Submit" type="button" class="BTTNcomprar" value="” onclick=”javascript: addproduto2(”,”)”>

    Logo abaixo ou acima dele adicione o trecho:

    <input type="button" value="Detalhes" onclick="location.href = 'produtos_descricao.asp?lang=&codigo_produto=’;”>

    Abraço.

  • Ola,
    Muito Obrigada pelas informções.
    Vou deixar aqui uma contribuição,
    configurei na minha loja http://www.americanamix.com.br e deu certo.
    Fiquem a Vontade para Copiar os Botões na minha loja.

    Colocar o botão comprar e o detalhes nos produtos:
    1º crie seus botões no formato GIF, coloque os seguintes nomes: btn_comprar.gif e btn_detalhes.gif
    Salve-os na pasta seguinte pasta dentro do config de sua loja: config/templates/pt_BR/default/btn_comprar.gif
    config/templates/pt_BR/default/btn_detalhes.gif

    Depois entre no funçoes/funcoes.asp ( + ou – entre as linhas 580 a 620 ) localize o inicio do código e copie igual está abaixo: O código a inserir começa no <div class….

    <a href="javascript:window.location='produtos_descricao.asp?lang=&codigo_produto=’;”

    <a href="javascript: addproduto2('’,”)”>

    =4 Then
    Coluna=0

    Valeu….

Comente aqui

* Nome, Email e comentário são obrigatórios