Categories thumbnails and menu thumbnails v8.1.3 classic theme

[Soha 8084]

Hello 
Am using v 8.1.3 and the classic theme
Category thumbnails and category menu thumbnails did not show at the front office
any way to fix that?

[Sandeep Tiwari]

Hi @Soha 8084

If the thumbnails are not visible on category pages on your store , can you make sure if these settings are in place ?

[Soha 8084]

13 hours ago, Sandeep Tiwari said:

Hi @Soha 8084

If the thumbnails are not visible on category pages on your store , can you make sure if these settings are in place ?

Hello yes I checked the settings are correct
where should the small default appear ?

[Soha 8084]

category menu thumbnail

The category thumbnail appears in the menu as a small image representing the category, if the theme allows it.

I cant find this anywhere . Where should this appear maybe am missing something

[Sandeep Tiwari]

Do you want to show thumbnails in the menu or category pages ?

[Soha 8084]

19 hours ago, Sandeep Tiwari said:

Do you want to show thumbnails in the menu or category pages ?

in the menu

[Sandeep Tiwari]

Please replace your code with the below in your file at following location. 
Path: themes/classic/modules/ps_mainmenu/ps_mainmenu.tpl
 

{assign var=_counter value=0}
{function name="menu" nodes=[] depth=0 parent=null}
    {if $nodes|count}
      <ul class="top-menu"{if $depth == 0} id="top-menu"{/if} data-depth="{$depth}">
        {foreach from=$nodes item=node}
            <li class="{$node.type}{if $node.current} current {/if}" id="{$node.page_identifier}">
            {assign var=_counter value=$_counter+1}
              <a
                class="{if $depth >= 0}dropdown-item{/if}{if $depth === 1} dropdown-submenu{/if}"
                href="{$node.url}" data-depth="{$depth}"
                {if $node.open_in_new_window} target="_blank" {/if}
              >
                {if $node.children|count}
                  {* Cannot use page identifier as we can have the same page several times *}
                  {assign var=_expand_id value=10|mt_rand:100000}
                  <span class="float-xs-right hidden-md-up">
                    <span data-target="#top_sub_menu_{$_expand_id}" data-toggle="collapse" class="navbar-toggler collapse-icons">
                      <i class="material-icons add">&#xE313;</i>
                      <i class="material-icons remove">&#xE316;</i>
                    </span>
                  </span>
                {/if}
                {if $node.image_urls|count}
                  {foreach from=$node.image_urls item=image_url}
                    <img src="{$image_url}">
                  {/foreach}
                {/if}
                {$node.label}
              </a>
              {if $node.children|count}
              <div {if $depth === 0}class="popover sub-menu js-sub-menu collapse"{else}class="collapse"{/if} id="top_sub_menu_{$_expand_id}">
                {menu nodes=$node.children depth=$node.depth parent=$node}
              </div>
              {/if}
            </li>
        {/foreach}
      </ul>
    {/if}
{/function}

<div class="menu js-top-menu position-static hidden-sm-down" id="_desktop_top_menu">
    {menu nodes=$menu.children}
    <div class="clearfix"></div>
</div>

 

 

[Soha 8084]

18 hours ago, Sandeep Tiwari said:

Please replace your code with the below in your file at following location. 
Path: themes/classic/modules/ps_mainmenu/ps_mainmenu.tpl
 

{assign var=_counter value=0}
{function name="menu" nodes=[] depth=0 parent=null}
    {if $nodes|count}
      <ul class="top-menu"{if $depth == 0} id="top-menu"{/if} data-depth="{$depth}">
        {foreach from=$nodes item=node}
            <li class="{$node.type}{if $node.current} current {/if}" id="{$node.page_identifier}">
            {assign var=_counter value=$_counter+1}
              <a
                class="{if $depth >= 0}dropdown-item{/if}{if $depth === 1} dropdown-submenu{/if}"
                href="{$node.url}" data-depth="{$depth}"
                {if $node.open_in_new_window} target="_blank" {/if}
              >
                {if $node.children|count}
                  {* Cannot use page identifier as we can have the same page several times *}
                  {assign var=_expand_id value=10|mt_rand:100000}
                  <span class="float-xs-right hidden-md-up">
                    <span data-target="#top_sub_menu_{$_expand_id}" data-toggle="collapse" class="navbar-toggler collapse-icons">
                      <i class="material-icons add">&#xE313;</i>
                      <i class="material-icons remove">&#xE316;</i>
                    </span>
                  </span>
                {/if}
                {if $node.image_urls|count}
                  {foreach from=$node.image_urls item=image_url}
                    <img src="{$image_url}">
                  {/foreach}
                {/if}
                {$node.label}
              </a>
              {if $node.children|count}
              <div {if $depth === 0}class="popover sub-menu js-sub-menu collapse"{else}class="collapse"{/if} id="top_sub_menu_{$_expand_id}">
                {menu nodes=$node.children depth=$node.depth parent=$node}
              </div>
              {/if}
            </li>
        {/foreach}
      </ul>
    {/if}
{/function}

<div class="menu js-top-menu position-static hidden-sm-down" id="_desktop_top_menu">
    {menu nodes=$menu.children}
    <div class="clearfix"></div>
</div>

 

 

Hello

thank you very much it worked

have a nice day

[Soha 8084]

I have one more thing to ask please. How to add (alt) for these thumbnails? I want the alt to be the categorie name

Edited January 20 by Soha 8084
clarify the question (see edit history)