Essa é um dica para exibir os produtos do “módulo de destaques” que geralmente é exibido na minha página inicial OpenCart, em um site WordPress.
Traduzido e adaptado de: http://forum.opencart.com/viewtopic.php?t=36145, post feito pelo usuário elastic.
Siga os passos:
- Crie um arquivo chamado curl.php
- Cole nele o seguinte código (e salvá-lo).
1 2 3 4 5 | <?php $ch = curl_init("http://www.opencartinstall.com"); $html = curl_exec($ch); print $html; ?> |
<?php
$ch = curl_init("http://www.opencartinstall.com");
$html = curl_exec($ch);
print $html;
?>(altere “www.opencartinstall.com” para o domínio onde você instalou sua loja OpenCart)
- Copie o seu arquivo recém-criado curl.php para a pasta raiz do seu tema WordPress.
- Provavelmente já tenha, mas caso não tenha um link para carregar o jquery, inclua a linha abaixo dentro do seu head.
1 | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> |
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
- No local onde você gostaria que seus produtos da loja OpenCart fossem exibidos no site WordPress, cole este javascript;
1 2 3 4 5 | <script type="text/javascript"> $("document").ready(function() { $("#pull-featured").load("<?php bloginfo( 'template_url' ); ?>/curl.php #featured"); }); </script> |
<script type="text/javascript">
$("document").ready(function() {
$("#pull-featured").load("<?php bloginfo( 'template_url' ); ?>/curl.php #featured");
});
</script>- E depois disto, adicione….
1 | <div id="pull-featured"></div> |
<div id="pull-featured"></div>
- no seu arquivo catalog/view/theme/yourtheme/template/module/featured.tpl do OpenCart adicione o id featured dentro da div, então altere o código abaixo.
1 2 | <div class="box"> <div class="box-heading"><?php echo $heading_title; ?></div> |
<div class="box"> <div class="box-heading"><?php echo $heading_title; ?></div>
- para isso…
1 2 | <div class="box" id="featured"> <div class="box-heading"><?php echo $heading_title; ?></div> |
<div class="box" id="featured"> <div class="box-heading"><?php echo $heading_title; ?></div>
(novamente, substitua ’yourtheme’ acima com o nome da pasta do seu tema OpenCart).
basicamente o que está acontecendo é que o javascript está pedindo ao arquivo curl.php para “carregar” a página inicial da loja. Uma vez que é carregado, ele encontra dentro do código da página o div que temos dado a ID “featured”, e puxa tudo dentro dela na div “pull-featured”do arquivo do tema WordPress.
No entanto, ela apenas carrega e exibe o html como é, então você precisa alterar o estilo no css do seu tema WordPress.
Mais importante ainda é que o suplemento ao carrinho de botões não vai funcionar. Isto porque, em OpenCart versão 1.5 do suplemento ao carrinho de botões no módulo dedestaque contam com javascript para funcionar. O modelo de wordpress não tem esse javascript como ela vive no local OpenCart. Potencialmente, poderíamos carregar o javascript em Worpdress, mas eu tive problemas ao fazer isso, então eu tive que ” usar a criatividade”. Eu criei um outro botão Adicionar ao carrinho que iria trabalhar fora do OpenCart, e escondeu o botão OpenCart nativa com css .
então, no arquivo catalog/view/theme/yourtheme/template/module/featured.tpl do OpenCart
- Mude a linha:
1 | <div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart; ?></span></a></div> |
<div class="cart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart; ?></span></a></div>- Para isso:
1 | <code><div class="cart oc-addtocart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart; ?></span></a></div> <div class="wp-addtocart"> <form action="http://www.opencartinstall.com/index.php?route=checkout/cart" method="post"> <input type="hidden" name="product_id" value="<?php echo $product['product_id']; ?>" /> <input type="hidden" name="quantity" value="1" /> <input type="submit" name="submit" value="ADD TO CART" class="submit" /> </form></div></code> |
<code><div class="cart oc-addtocart"><a onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button"><span><?php echo $button_cart; ?></span></a></div> <div class="wp-addtocart"> <form action="http://www.opencartinstall.com/index.php?route=checkout/cart" method="post"> <input type="hidden" name="product_id" value="<?php echo $product['product_id']; ?>" /> <input type="hidden" name="quantity" value="1" /> <input type="submit" name="submit" value="ADD TO CART" class="submit" /> </form></div></code>- No CSS do seu tema WordPress, coloque isso:
1 | .oc-addtocart {display:none;} |
.oc-addtocart {display:none;}- No CSS do seu tema OpenCart, coloque isso:
1 | .wp-addtocart {display:none;} |
.wp-addtocart {display:none;}Pronto isso irá fazer com que os produtos do modulo de destaque sejam exibidos dentro de um site em WordPress.
