Bem vindo ao brockdev.com, não seja tímido compartilhe suas duvidas e conhecimento. :D

Módulo Category Sidebar Navigation - Modificação

brunowdbrunowd Usuário
editado February 2014 em Blocos Estáticos
Olá, estou usando o módulo Category Sidebar Navigation http://www.magentocommerce.com/magento-connect/sidebar-navigation-menu-professional.html quero saber se tem como alterar ele lista todas as categorias,queria que ele filtrasse as sub-categorias,de acordo com as categoria escolhida,,tipo:

Clicou em anivesários, só aparece as sub-categorias da categorias aniversários e assim sucessivamente?
Obrigado! :D

Comentários

  • Jonatan Machado Moderador Global, Administrador
    Ola Brunowd
    Eu nunca utilizei esse modulo.
    Voce tera que estudar como o modulo foi feito e fazer as alterações desejadas.
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Oi Jonatan, tu sabe se tem outro módulo que faça isso? Ou tutorial.
  • Jonatan Machado Moderador Global, Administrador
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Oi Jonatan, funcionou com o tutorial do SAM :D , tu sabe se tem como modifica-lo um pouco?

    Talvez ter aquele sinal de + e - para abrir e fechar as sub-categorias?
  • Jonatan Machado Moderador Global, Administrador
    Pra isso voce pode fazer com javascript utilizando o toggle.
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • :o NOOOOOOOOOO!

    java não,hhahahha deixa pra lá então,não sei nada de java,hahahha

    Obrigado pelo retorno.
  • Jonatan Machado Moderador Global, Administrador
    E javascript não é java nao confunda as duas rsrs
    segue o link tem um exemplo que voce pode utilizar
    viewtopic.php?f=17&t=388
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • disse:

    E javascript não é java nao confunda as duas rsrs
    segue o link tem um exemplo que voce pode utilizar
    viewtopic.php?f=17&t=388

    Sim sim,só tentei abreviar ;) kkkkkk
  • Jonatan Machado Moderador Global, Administrador
    Lembrei que eu fiz um com o evento pode tentar utilizar no seu
    viewtopic.php?f=17&t=372
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Finalmente consegui logar no blog,hahahha

    Jonatan como disse o view.phtml do tema que uso não tem aquele código que tu passou pra substuir
    <dt><?php echo $this->__($_filter->getName()) ?></dt>


    tenho nesse caminho /home/mezzbrin/public_html/magentomezz/app/design/frontend/default/car_store/template/catalog/layer/view.phtml
    isso:

    <?php if($this->canShowBlock()): ?>



    <div class="block block-layered-nav">

    <div class="block-title">

    </div>
    <?php endif; ?>



    E nesse caminho

    /home/mezzbrin/public_html/magentomezz/app/design/frontend/default/default/template/catalog/layer/view.phtml

    tenho :

    &lt;?php if($this-&gt;canShowBlock()): ?&gt;
    &lt;div class=\"block block-layered-nav\"&gt;
    &lt;div class=\"block-title\"&gt;
    &lt;strong&gt;&lt;span&gt;&lt;?php echo $this-&gt;__('Shop By') ?&gt;&lt;/span&gt;&lt;/strong&gt;
    &lt;/div&gt;
    &lt;div class=\"block-content\"&gt;
    &lt;?php echo $this-&gt;getStateHtml() ?&gt;
    &lt;?php if ($this-&gt;getLayer()-&gt;getState()-&gt;getFilters()): ?&gt;
    &lt;div class=\"actions\"&gt;&lt;a href=\"&lt;?php echo $this-&gt;getClearUrl() ?&gt;\"&gt;&lt;?php echo $this-&gt;__('Clear All') ?&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;?php endif; ?&gt;
    &lt;?php if($this-&gt;canShowOptions()): ?&gt;
    &lt;p class=\"block-subtitle\"&gt;&lt;?php echo $this-&gt;__('Shopping Options') ?&gt;&lt;/p&gt;
    &lt;dl id=\"narrow-by-list\"&gt;
    &lt;?php $_filters = $this-&gt;getFilters() ?&gt;
    &lt;?php foreach ($_filters as $_filter): ?&gt;
    &lt;?php if($_filter-&gt;getItemsCount()): ?&gt;
    &#91;b&#93;&lt;dt&gt;&lt;?php echo $this-&gt;__($_filter-&gt;getName()) ?&gt;&lt;/dt&gt;&#91;/b&#93;
    &lt;dd&gt;&lt;?php echo $_filter-&gt;getHtml() ?&gt;&lt;/dd&gt;
    &lt;?php endif; ?&gt;
    &lt;?php endforeach; ?&gt;
    &lt;/dl&gt;
    &lt;script type=\"text/javascript\"&gt;decorateDataList('narrow-by-list')&lt;/script&gt;
    &lt;?php endif; ?&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;?php endif; ?&gt;
    ,

    devo alterar nesse ultimo?
  • Jonatan Machado Moderador Global, Administrador
    Voce precia ver com o debug do magento qual o caminho que seu template esta usando do arquivo view.phtml

    Este

    /home/mezzbrin/public_html/magentomezz/app/design/frontend/default/car_store/template/catalog/layer/view.phtml

    Ou este

    /home/mezzbrin/public_html/magentomezz/app/design/frontend/default/default/template/catalog/layer/view.phtml

    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • é neste

    /home/mezzbrin/public_html/magentomezz/app/design/frontend/default/car_store/template/catalog/layer/view.phtml

    o conteudo:

    &lt;?php if($this-&gt;canShowBlock()): ?&gt;



    &lt;div class=\"block block-layered-nav\"&gt;

    &lt;div class=\"block-title\"&gt;

    &lt;/div&gt;
    &lt;?php endif; ?&gt;
  • Jonatan Machado Moderador Global, Administrador
    Seu template nao utiliza o arquivo view.phtml
    Como voce nao esta utilizando os filtros do magento nao adianta alterar o arquivo view.phtml

    O arquivo que eu template esta usando e o menu.phtml no caminho

    frontend/default/car_store/template/catalog/category/menu.phtml

    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Me lembrei agora que fiz isso seguindo um tutorial do Mario SAM,que tua acha apago isso tudo depois faço como o teu?
  • Jonatan Machado Moderador Global, Administrador
    No que eu fiz e com os filtros do magento que ja e nativo do magento.
    Mais voce pode adaptar o que eu fiz nesse outro código.
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • esse é o codigo do meunu.phtml:

    &lt;?php $_categories = $this-&gt;getCurrentChildCategories() ?&gt;
    &lt;?php $_count = is_array($_categories)?count($_categories):$_categories-&gt;count(); ?&gt;
    &lt;?php if($_count): ?&gt;
    &lt;div class=\"block block-layered-nav\"&gt;
    &lt;div class=\"block-title\"&gt;
    &lt;strong&gt;&lt;span&gt;&lt;?php echo $this-&gt;__('Browse By') ?&gt;&lt;/span&gt;&lt;/strong&gt;
    &lt;/div&gt;
    &lt;div class=\"block-content\"&gt;
    &lt;dl id=\"narrow-by-list2\"&gt;
    &lt;dt&gt;&lt;?php echo $this-&gt;__('Category') ?&gt;&lt;/dt&gt;
    &lt;dd&gt;
    &lt;ol&gt;
    &lt;?php foreach ($_categories as $_category): ?&gt;
    &lt;?php if($_category-&gt;getIsActive()): ?&gt;
    &lt;li&gt;
    &lt;a href=\"&lt;?php echo $this-&gt;getCategoryUrl($_category) ?&gt;\"&lt;?php if ($this-&gt;isCategoryActive($_category)): ?&gt; class=\"current\"&lt;?php endif; ?&gt;&gt;&lt;?php echo $this-&gt;htmlEscape($_category-&gt;getName()) ?&gt;&lt;/a&gt; (&lt;?php echo $_category-&gt;getProductCount() ?&gt;)
    &lt;/li&gt;
    &lt;?php endif; ?&gt;
    &lt;?php endforeach ?&gt;
    &lt;/ol&gt;
    &lt;/dd&gt;
    &lt;/dl&gt;
    &lt;script type=\"text/javascript\"&gt;decorateDataList('narrow-by-list2')&lt;/script&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;?php endif; ?&gt;


    na pasta /public_html/magentomezz/skin/frontend/default/car_store/js

    Tem os seguintes arquivos.

    coin-slider.js

    jquery-1.10.2.min.js

    jquery-1.4.2.min.js

    lightbox=2.6.min.js

    modernizr.custom.js


    Não tenho ideia de como fazer essa adaptação. :?
  • Jonatan Machado Moderador Global, Administrador
    Faz assim
    O script e so voce alterar o narrow-by-list2 com o 2 no final assim
    &lt;script type=\"text/javascript\"&gt;
    /* &lt;!&#91;CDATA&#91; */
    jQuery(document).ready(function(){
    jQuery('dl#narrow-by-list2&gt; dt span').click(function(e) {
    jQuery(this).parent() .next().slideToggle('fast');
    jQuery(this) .toggleClass('bg1');
    return false;
    });
    });
    /* &#93;&#93;&gt; */
    &lt;/script&gt;


    No phtml voce vai colocar a tag span
    &lt;dt&gt;&lt;span&gt;&lt;?php echo $this-&gt;__('Category') ?&gt;&lt;/span&gt;&lt;/dt&gt;
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • alterei o menu.phtml

    &lt;?php $_categories = $this-&gt;getCurrentChildCategories() ?&gt;
    &lt;?php $_count = is_array($_categories)?count($_categories):$_categories-&gt;count(); ?&gt;
    &lt;?php if($_count): ?&gt;
    &lt;div class=\"block block-layered-nav\"&gt;
    &lt;div class=\"block-title\"&gt;
    &lt;strong&gt;&lt;span&gt;&lt;?php echo $this-&gt;__('Browse By') ?&gt;&lt;/span&gt;&lt;/strong&gt;
    &lt;/div&gt;
    &lt;div class=\"block-content\"&gt;
    &lt;dl id=\"narrow-by-list2\"&gt;
    &#91;b&#93; &lt;dt&gt;&lt;span&gt;&lt;?php echo $this-&gt;__('Category') ?&gt;&lt;/span&gt;&lt;/dt&gt;&#91;/b&#93;
    &lt;dd&gt;
    &lt;ol&gt;
    &lt;?php foreach ($_categories as $_category): ?&gt;
    &lt;?php if($_category-&gt;getIsActive()): ?&gt;
    &lt;li&gt;
    &lt;a href=\"&lt;?php echo $this-&gt;getCategoryUrl($_category) ?&gt;\"&lt;?php if ($this-&gt;isCategoryActive($_category)): ?&gt; class=\"current\"&lt;?php endif; ?&gt;&gt;&lt;?php echo $this-&gt;htmlEscape($_category-&gt;getName()) ?&gt;&lt;/a&gt; (&lt;?php echo $_category-&gt;getProductCount() ?&gt;)
    &lt;/li&gt;
    &lt;?php endif; ?&gt;
    &lt;?php endforeach ?&gt;
    &lt;/ol&gt;
    &lt;/dd&gt;
    &lt;/dl&gt;
    &lt;script type=\"text/javascript\"&gt;decorateDataList('narrow-by-list2')&lt;/script&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;?php endif; ?&gt;



    e acrescentei o script em Outros scripts mas noo deu resultado. :(

    Na real eu quero fazer esse menu lateral como o das categorias no backend... n~~ao quero que pesquise por marca cor etc. Quero que todas categorias apareçam como na imagem,tem como?
    image
  • Jonatan Machado Moderador Global, Administrador
    Entrei no seu projeto e voce nao alterou o script
    Se sua id e narrow-by-list2 porque esta sem o 2

    <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>
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Jonatan Machado Moderador Global, Administrador
    Voce pode utilizar um modulo então ou fazer na mao mesmo.
    Se voce da uma procurada no magentoconnet em inglês voce acha um monte de modulo que faz isso
    http://www.magentocommerce.com/magento- ... ional.html
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Oi Jonatan,funcionou mesmo no chrome e no IE , mas no firefox não,pode fazer um teste entra ae e ve se o menu não está deslocado pra direita

    http://www.mezzbrin.bravunet.com/magentomezz/index.php/escolas.html
  • Jonatan Machado Moderador Global, Administrador
    Retire a float:left; da class .block .block-title
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Oi Jonatan, eu vi no inspetor que na sub-categoria ele tem uma margin de 17 px,mas não achei no css do codinitive,é que eu queria aumentar a fonte pra 15px mas tem umas subcategorias que são extensas e acabam ficando em duas linhas como o Squezze de Alumínio 500ml,só queria recuar eles pra esquerda pra poder alterar a font pra 15px e e as sub-categarias maiores ficarem somente em uma linha...
    • -Aniversários
      +Canecas
      +Convites
      +Banners
      +Doces
      +Escolar
      -Garrafinhas
      Água Mineral
      Squezee 300ml
      Squezee 550ml
      Squezee Alumínio
      550ml
  • Jonatan Machado Moderador Global, Administrador
    Voce tera que dar uma olhada nos arquivos js ou php do modulo e procurar onde isso e gerado
    Arsenal Web Design.com
    Desenvolvimento de Lojas Virtuais
    Magento | Zend Framework | HTML5 | CSS3 | Blogs
    image
    E-mail: contato@brockdev.com
  • Tá certo vou dar uma olhada,valeu pelo retorno. beleza
Entre ou Registre-se para fazer um comentário.