Discussões sobre JAVASCRIPT - Forum Brockdev Brasil http://www.brockdev.com/categories/javascript/feed.rss Sun, 15 Mar 2015 17:12:07 +0000 Discussões sobre JAVASCRIPT - Forum Brockdev Brasil pt_BR Banner Slider não mostra fotos http://www.brockdev.com/discussion/546/banner-slider-nao-mostra-fotos Sat, 28 Jun 2014 19:57:35 +0000 luizstyle 546@/discussions Ja fiz varias pesquisas no forum e não consegui resolver o problema do banner slider.

Monto o slider e não aparece as fotos.
A pasta ja esta com permissão 777 e mesmo assim nada.

E ele esta influenciando no restante da home, pois o slider de "novos produtos" não funciona com ele ativo, quando desativo o header slider o slider de "novos produtos" funciona.

Meu site é http://www.differenze.com.br, nele ainda tem uma imagem default do tema, mas não tem problema.

O conteudo da HOME:

<div class=\"divider\"> </div>
<div class=\"home-banner-block\">
<div class=\"grid_7 alpha\"><img src=\"{{media url=\"wysiwyg/home_banner.png\"}}\" alt=\"\" data-srcx2=\"{{media url=\"wysiwyg/home_banner@x2.png\"}}\" /></div>
<div class=\"grid_5 omega\">
<h2><strong>Veja a </strong>Qualidade!</h2>
<p>Qualidade e preço baixo aqui andam de mãos dadas!</p>
<a href=\"#\">read More</a></div>
<div class=\"clear\"> </div>
</div>
<div class=\"divider\"> </div>
<p>{{widget type=\"meigeewidgets/newproducts\" template=\"meigee/meigeewidgets/slider.phtml\" block_position=\"1\" static_block=\"slider_text_box\" products_amount=\"10\" widget_id=\"682\"}}</p>
<div class=\"divider\"> </div>


Creio eu que é erro de JS.

Alguem pode me ajudar?
Valeu!]]>
Menu em Accordion http://www.brockdev.com/discussion/502/menu-em-accordion Mon, 17 Mar 2014 13:31:48 +0000 alexProenca 502@/discussions www.sugoibigfish.com.br . Já tentei diversos tutoriais e extençoes como a " Codewix category accordion menu " mais tudo sem sucesso. Agraço muito que puder me da uma força . Obrigado beleza]]> Efeito hover imagem para listas de produtos http://www.brockdev.com/discussion/5/efeito-hover-imagem-para-listas-de-produtos Thu, 29 Aug 2013 14:15:01 +0000 Jonatan Machado 5@/discussions Efeito parecido com o da tricae e dafiti :mrgreen: quando pasar o mouse encima da foto ele muda para outra

<?php
$product = Mage::getModel('catalog/product')->load($_product->getId());
$helper = Mage::Helper('catalog/image');
foreach ($product->getMediaGalleryImages() as $image) {


}
?>
<a href=\"<?php echo $_product->getProductUrl() ?>\" title=\"<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>\" class=\"product-image\">
<img src=\"<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>\" width=\"135\" height=\"135\" alt=\"<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>\"
onmouseover=\"this.src='<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $image->getFile())->resize(135); ?>';\"
onmouseout=\"this.src='<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>';\"/>
</a>


Quando for colocar a imagem dos produtos você coloca uma sequencia que a ultima seja a que vai aparecer no efeito hover

Demo: http://www.arsenalwebdesign.com/templat ... /index.php

Testado Magento 1.7.0.2]]>
Expandir e recolher com [+] e [-] http://www.brockdev.com/discussion/388/expandir-e-recolher-com-e Tue, 05 Nov 2013 11:32:44 +0000 thiagohumble 388@/discussions
vou fazer esse [+] e [-] com imagens.

segue o que foi feito:

HTML_________________________________________________________________________
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<title>Documento sem título</title>
<link href=\"css/reset.css\" rel=\"stylesheet\" type=\"text/css\" />
<link href=\"css/estilos.css\" rel=\"stylesheet\" type=\"text/css\" />
</head>
<body>
<div style=\"box-shadow: 0 1px 0 1px #CCC;\" class=\"geral\"> <!-- div geral -->


<div class=\"topo\">
<h1>Galvão</h1>
<ul>
<li><a href=\"#\" title=\"\">Home</a></li>
<li><a href=\"#\" title=\"\">Email</a></li>
<li><a href=\"#\" title=\"\">Antispam</a></li>
<li><a href=\"#\" title=\"\">Sistemas</a></li>
<li><a href=\"#\" title=\"\">Help Desk</a></li>
<li><a href=\"#\" title=\"\">Lista de Ramais</a></li>
</ul>
<div class=\"topo_1\">
<ul>
<li><a href=\"#\" title=\"\"> Meu Perfil </a></li>
<li><a href=\"#\" title=\"\"> Desbloqueio de Senha</a></li>
<li><a href=\"#\" title=\"\"> Fale com o presidente</a></li>
</ul>
</div> </div>
<div class=\"menu_lateral\">
<ul id=\"nav\">
<li class=\"n_grupo\"><a href=\"#\"> Nosso Grupo </a>
<ul>
<li><a href=\"#\"> Nossa História </a> </li>
<li><a href=\"#\"> Organograma</a></li>
<li><a href=\"#\"> Código de Ética</a></li>
<li><a href=\"#\"> Certificações</a></li>
<li><a href=\"#\"> Onde Atuamos</a></li>
</ul>
</li>

<li><a href=\"#\">Área de Apoio</a>
<ul>

<li><a href=\"#\"> Sub-menu1 área apoio</a></li>
<li><a href=\"#\"> Sub-menu2 área apoio</a></li>
<li><a href=\"#\"> Sub-menu3 área apoio</a></li>
<li><a href=\"#\"> Sub-menu4 área apoio</a></li>
<li><a href=\"#\"> Sub-menu5 área apoio</a></li>
</ul>
</li>
<li><a href=\"#\">Empresas do Grupo</a>
<ul>
<li><a href=\"#\"> Sub-menu1 Emp Grupo</a></li>
<li><a href=\"#\"> Sub-menu2 Emp Grupo</a></li>
<li><a href=\"#\"> Sub-menu3 Emp Grupo</a></li>
<li><a href=\"#\"> Sub-menu4 Emp Grupo</a></li>
<li><a href=\"#\"> Sub-menu5 Emp Grupo</a></li>
</ul>
</li>
<li><a href=\"#\">Nossos Programas</a>
<ul>
<li><a href=\"#\"> Sub-menu1 </a></li>
<li><a href=\"#\"> Sub-menu2 </a></li>
<li><a href=\"#\"> Sub-menu3 </a></li>
<li><a href=\"#\"> Sub-menu4 </a></li>
<li><a href=\"#\"> Sub-menu5 </a></li>
</ul>
</li>


</div>
<div class=\"rodape\">
rodape
</div>
</div><!-- fim div geral -->

</body>
</html>



CSS_______________________________________________________________________________
/* Padrao */
body {
background:#f4f4f4;
font-size:12px;
font-family:Arial;
}

/* Estrutura*/
.geral {
width:962px;
height:800px;
border-top:1px solid #000;
margin:0px auto 0;
background:#fff;
style=\"box-shadow:3px 3px 3px #ccc;\"


}
/* Topo */
.topo {
border-botton:1px solid #c0c0c0;
padding:0 0 50px 0;
}


h1 {
background:url(../IMG/galvao.png) no-repeat;
width:203px;
height:79px;
text-indent:-999px;
}
.topo ul { float:right; margin:-60px 0 0 0;}
.topo ul li { display:inline; padding:0 0 0 20px; text-transform: uppercase;}
.topo ul li a {font-weight:bold; text-decoration:none; color:#d5e250;}
.topo ul li a:hover { text-decoration:overline;}
.topo_1 ul {float:left; margin:-72px 0px 0 -30px; }
.topo_1 ul li { display:inline; padding:0 0px 30px 41px; text-transform: uppercase; }
.topo_1 ul li a {font-weight:bold; text-decoration:none; color:#d5e250;}
.topo_1 ul li a:hover { text-decoration:overline;}

/*menu lateral*/
/*a{background:#999; display:block; width:200px; margin:5px; border-bottom:#000;}*/


#nav {margin: 0; padding: 0; float:left;}
#nav li {list-style:none; background:url(../IMG/bg_menu_lateral.png); width:189px; border-bottom:1px solid #ccc;}
#nav li a {display:block; padding:8px; text-decoration:none; box-shadow: 2px 2px 5px #ccc; color:#fff; font:Verdana, Geneva, sans-serif; font-size:14px;}
#nav li ul {display:block;}
#nav li ul { display: none; }
#nav li:hover ul {display:block }
#nav li:hover ul li{background:url(../IMG/bg_sub_menu_lateral2.png); }
#nav li:hover ul li a {color:#555656; }
#nav li:hover ul li a:hover { background:#E8E8E8; border-right: 4px solid #afc838;}
]]>
Efeito acordeon Filtos magento, expandir e recolher .click http://www.brockdev.com/discussion/372/efeito-acordeon-filtos-magento-expandir-e-recolher-click Wed, 23 Oct 2013 14:36:15 +0000 Jonatan Machado 372@/discussions
image

Aqui vai ser feito em jquery que eu acho mais fácil, mais podendo ser feito com javascript também.
Primeira mente verifique se seu protejo ja tem alguma versão do jquery caso nao tenha voce pode adicionar uma verçao baixando daqui http://jquery.com/download/ e adicionando o arquivo jquery na pasta js/ do seu projeto.
Incluir a chamada da jQuery no arquivo layout/page.xml no block head:
<action method=\"addItem\"><type>skin_js</type><name>js/jquery.js</name></action>


Depois inclua o script em
Sistema>Configuraçao>Visual>Cabeçalho HTML>Outros Scripts
<script type=\"text/javascript\">
/* <![CDATA[ */
jQuery(document).ready(function(){
jQuery('dl#narrow-by-list> dt span').click(function(e) {
jQuery(this).parent() .next().slideToggle('fast');
jQuery(this) .toggleClass('bg1');
return false;
});
});
/* ]]> */
</script>


Depois voce apenas altere este arquivo view.phtml
/www/app/design/frontend/default/SEU-TEMA/template/catalog/layer/view.phtml
esta parte :
<dt><?php echo $this->__($_filter->getName()) ?></dt>

por esse:
<dt><span><?php echo $_filter->getName() ?></span></dt>


Altere o css e pronto. :D
Abraço.]]>