Html Jumpseller类别下拉菜单赢得';无法在导航菜单中工作

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

我对html完全没有经验。我有一个与Jumpseller预先制作的电子商务网页

下拉菜单“productos”将不显示。您只能单击“产品”并转到特定页面

这是导航菜单的“代码”

<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;
    }