Html Jumpseller类别下拉菜单赢得';无法在导航菜单中工作
我对html完全没有经验。我有一个与Jumpseller预先制作的电子商务网页 下拉菜单“productos”将不显示。您只能单击“产品”并转到特定页面 这是导航菜单的“代码”Html Jumpseller类别下拉菜单赢得';无法在导航菜单中工作,html,css,Html,Css,我对html完全没有经验。我有一个与Jumpseller预先制作的电子商务网页 下拉菜单“productos”将不显示。您只能单击“产品”并转到特定页面 这是导航菜单的“代码” <li class="nav-item {% if item.dropdown %}dropdown{% endif %} {% if active_items contains item.id %}active{% endif %}"> <a href="{{ it
<li class="nav-item {% if item.dropdown %}dropdown{% endif %} {% if active_items contains item.id %}active{% endif %}">
<a href="{{ item.url }}" {% if item.external %}target="_blank"{% endif %} title="{{item.name}}" class="{% if item.dropdown%}dropdown-toggle {% endif %}level-1 nav-link" {% if item.dropdown %}data-toggle=""{% endif %}>{{ item.name }}</a>
{% if item.dropdown %}
<ul class="dropdown-menu multi-level">
{% for item in item.items %}
{% include 'navigation_menu' with item %}
{% endfor %}
</ul>
{% endif %}
</li>
{%if item.dropdown%}
{item.items%中的项的%s}
{%将“导航菜单”包含在项目%}
{%endfor%}
{%endif%}
这是主页的代码,下拉菜单“productos”是
{%include'滑块\主“%”
{%include'功能\主“%”
{%include'横幅\主页'%}
{%case options.products_home%}
{%当“特色主页”或“最新和特色主页”%}
{%t'个特色产品“%”
{%if products.all==empty%}
{%assign placeholders=“1,2,3,4”| split:,“%”
{占位符%中占位符的百分比}
$0.00
{%endfor%}
{%else%}
{产品中产品的百分比。特色限制:选项。产品\u特色\u限制%}
{%在产品%中包含“列出产品”}
{%endfor%}
{%endif%}
{%当“最新主页”或“最新和特色主页”%}
{%t'个最新产品'%}
{%if products.all==empty%}
{%assign placeholders=“1,2,3,4”| split:,“%”
{占位符%中占位符的百分比}
$0.00
{%endfor%}
{%else%}
{%用于产品中的产品。最新限制:options.products\u home\u limit%}
{%在产品%中包含“列出产品”}
{%endfor%}
{%endif%}
{%when“not display”%%
{%endcase%}
{%if options.featured_category_home_1!=空白%}
{%assign cat=store.category[options.featured\u category\u home\u 1]]
{%如果cat.products.count!=0%}
{{cat.name}
{cat.products%中产品的%
{%在产品%中包含“列出产品”}
{%endfor%}
{%endif%}
{%endif%}
{%if options.featured_category_home_2!=空白%}
{%assign cat=store.category[options.featured\u category\u home\u 2]}
{%如果cat.products.count!=0%}
{{cat.name}
{cat.products%中产品的%
{%在产品%中包含“列出产品”}
{%endfor%}
{%endif%}
{%endif%}
{%if options.featured_category_home_3!=空白%}
{%assign cat=store.category[options.featured\u category\u home\u 3]]
{%如果cat.products.count!=0%}
{{cat.name}
{cat.products%中产品的%
{%在产品%中包含“列出产品”}
{%endfor%}
{%endif%}
{%endif%}
{%if options.home\u page\u blog%}
{%t'日志'%}
{%pages.categories.category[“Post”]==空白%}
{%paginate pages.categories.category[“Post”]。按选项分页。page_Post_per_page reversed%}
{paged.pages中页的%s已反转%}
{%if-forloop.index0==4%}{%break%}{%endif%}
{%if page.body!=blank%}{{page.body | strip|u html | truncate:210}{%endif%}
{%endfor%}
{%endpaginate%}
{%end除非%}
{%endif%}
{%if options.instafeed和social.instagram_url!=blank%}
一款图片分享应用
{%capture follow_us_translation%}{%t“follow us”}{%endcapture%}
$.ajax({
url:“/instagram应用程序/媒体”,
数据:{
计数:{%if options.instagram-limit%}{{options.instagram-limit}{%else%}10{%endif%}
},
成功:函数(json){
for(json.posts中的var i){
如果(i>={%if options.instagram-limit%}{{options.instagram-limit}{%else%}10{%endif%}{continue};
url=json.posts[i];
shortcode=json.posts[i].shortcode;
newElement=document.createElement('div');
newElement.className='insta_img';
newElement.style='背景图像:url('+url+');
newElementLink=document.createElement('a');
newElementLink.href=json.posts[i].permalink;
newElementLink.target=“\u blank”;
newElementLink.appendChild(newElement);
var clientHeight=document.getElementById('instagram').clientHeight;
document.getElementById(“instagram”).appendChild(newElementLink);
}
}
});
{%endif%}
函数parse_str(str){
返回str.split('&').reduce(函数(params,param){
var paramspilt=param.split('=').map(函数(值){
返回组件(value.replace('+','');
});
params[paramspilt[0]]=paramspilt[1];
返回参数;
}, {});
}
>
产品菜单项包含一个链接,单击该链接可转到另一个页面,因此通过悬停鼠标光标显示下拉菜单更符合逻辑。我为你制定了这个规则。只需将其粘贴到您的样式中,…
标记内即可。如果您有任何困难,请参阅此处的评论
.nav-item.dropdown:hover ul.dropdown-menu.multi-level {
display: block;
}
“产品”菜单项包含一个链接,单击该链接可转到另一个页面,因此,通过悬停鼠标光标来显示下拉菜单更符合逻辑。我为你制定了这个规则。只需将其粘贴到您的样式中,
…
标记内即可。如果您有任何困难,请参阅此处的评论
.nav-item.dropdown:hover ul.dropdown-menu.multi-level {
display: block;
}