Olá, comprei o tema Decore 2.0 da Foxtech e eles oferecem essa opção de categorias, https://decore-tema.lojaintegrada.com.br/, com limitação. Porém, com o código fornecido por eles, a limitação de categorias não funciona. Já entrei em contato com eles algumas vezes e não resolvem o problema, nem apresentam um código correto. Alguém pode ajudar com esse problema? Segue abaixo o link da loja e como as categorias estão: https://www.myhousestore.com.br/. Obrigada.
ok, mas o que exatamente precisa ser feito, nao ficou claro para mim.
As categorias precisam ser limitadas, como no demonstrativo do tema: Por exemplo, exibir apenas 4 categorias na barra e incluir o botão “Todas as categorias” para exibir as outras.
Nos 3 “risquinhos” que ficam aí no canto estão as outras categorias, o que não aparece na instalação.
Entendi, é que eles oferecem a opção por esse código aqui, mas não funciona. Enfim, obrigada.
// Menu de categorias
menuPrincipal = {
categoriasMenu: 7,
tituloMenu: ‘Todos os departamentos’
}
hummmm
onde esta colocando isso?
acho que isso deve ficar no header, todas as paginas, java script
no rodape, ele ja vai ter passado a contrução da pagina…
assim é fácil acertar
CSS, coloca assim de novo que acerto e te mando o CSS
Segue o HTML e o CSS. O HTML só consegui resgatar via código fonte da página em cache, pq já fizeram outra alteração e não tenho mais na loja integrada. Aí não sei se adianta…
<script>
menuPrincipal = {
categoriasMenu: 6,
tituloMenu: ‘Todos os departamentos’
};
if ("undefined" != typeof menuPrincipal) {
// var categoriasMenu = 6; // Limitador de categorias no menu superior
var categoriasoma = menuPrincipal.categoriasMenu + 1;
$('.menu.superior .nivel-um>li:nth-of-type(1n+' + categoriasoma + ')').css("display", "none");
// Adiciona o titulo da categoria ao submenu
$('.menu.superior .nivel-um>li').each(function(index) {
var $this = $(this);
var $texto = $($this).find('a strong.titulo').clone();
$this.find('.nivel-dois .menu-categorias').prepend($('<span class="categoria-titulo"></span>'));
$this.find('.nivel-dois .menu-categorias .categoria-titulo').prepend($texto);
});
$('.menu.superior .nivel-um').prepend('<li class="all-menu com-filho"><a href="#" title="' + menuPrincipal.tituloMenu + '"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 6012 6012" style="enable-background:new 0 0 6012 6012;" xml:space="preserve"><g><g><path d="M492,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h472c11.046,0,20-8.954,20-20S503.046,236,492,236z"/></g></g><g><g><path d="M492,76H20C8.954,76,0,84.954,0,96s8.954,20,20,20h472c11.046,0,20-8.954,20-20S503.046,76,492,76z"/></g></g><g><g><path d="M492,396H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h472c11.046,0,20-8.954,20-20C512,404.954,503.046,396,492,396z"/></g></g></svg><strong class="titulo">' + menuPrincipal.tituloMenu + '</strong></a><ul class="nivel-dois"></ul>');
$('.menu.superior .nivel-um>li').clone().appendTo('.all-menu>ul');
// $('.menu.superior>ul .all-menu>ul>li>a span').remove();
$('.menu.superior>ul .all-menu > ul .all-menu').remove();
$('.menu.superior>ul .all-menu .nivel-dois .menu-oferta').remove();
$('.menu.superior>ul .all-menu .nivel-dois .menu-categorias .titulo-categoria').remove();
$('.menu.superior>ul .all-menu .categoria-titulo').remove();
// Remove nivel quatro em diante do submenu
$('.menu.superior .nivel-um>li .nivel-dois li>.nivel-tres li.com-filho .nivel-tres').remove();
}
.menu.superior .nivel-um > li:nth-child(7) .nivel-dois,
.menu.superior .nivel-um > li:nth-child(8) .nivel-dois,
.menu.superior .nivel-um > li:nth-child(9) .nivel-dois {
margin-left: -300px !important;
left: 0;
transition: 0s !important;
}
#comentarios-container .description-title {
display: none !important
}
.menu.superior .nivel-um li.all-menu {
padding-left:40px;
border-radius:0;
border-right: 1px solid #ffffff1a;
/* background: #0000001c; */
}
.menu.superior .nivel-um li.all-menu .titulo {
font-weight: 400
}
.menu.superior .nivel-um li.all-menu:before {
content:’\f0c9’;
font-family:‘FontAwesome’;
width:20px;
height:20px;
color: var(–txt-color);
background: #ffffff00;
position: absolute;
top: 15px;
color: var(–txt-bg);
left: 14px;
font-size: 14px;
float: left;
}
.menu.superior .all-menu .nivel-dois ul.nivel-dois {
width: 100%;
margin-top: -20px;
position: relative;
}
.menu.superior .all-menu .nivel-dois {
width: 50px;
}
.menu.superior .all-menu .nivel-dois>li>a {
padding:0 10px !important;
}
ixi ia precisar estar ativo no site para validar e achar as marcações de CSS, não sou fera não, para manjar assim só de ver… foi mal…
Ah tudo bem, valeu! Quando estava no site até editei o código, funcionava na página inicial, mas quando abriam as categorias o código desconfigurava todo. Não sei se o cache abre aí pra você dar uma olhada, https://webcache.googleusercontent.com/search?q=cache:orU33L311FQJ:https://www.myhousestore.com.br/+&cd=1&hl=pt-BR&ct=clnk&gl=br Mas mesmo assim agradeço.
Dei uma olhada na sua loja, e vi que possui um tema instalado em sua loja. Nesse caso, você precisa dar uma olhadinha no manual do seu tema (soluções > temas > meus temas > manual), caso essa informação não esteja lá, será necessário você verificar diretamente com a agência responsável do tema, beleza?
Por esse link: [https://integrando.se/]
ai eu gostei! manual!