顶部菜单上的 Prestashop 子类别图像答案

【问题标题】：Prestashop Subcategories images on top menu顶部菜单上的 Prestashop 子类别图像
【发布时间】：2018-04-13 16:52:17
【问题描述】：

在 Prestashop 中，我们可以将图像（拇指）添加到子类别菜单中

if ((int)$category['level_depth'] > 1 && !$is_children) {
                $files = scandir(_PS_CAT_IMG_DIR_);

                if (count(preg_grep('/^'.$category['id_category'].'-([0-9])?_thumb.jpg/i', $files)) > 0) {
                    $html .= '<li class="category-thumbnail">';

                    foreach ($files as $file) {
                        if (preg_match('/^'.$category['id_category'].'-([0-9])?_thumb.jpg/i', $file) === 1) {
                            $html .= '<div><img src="'.$this->context->link->getMediaLink(_THEME_CAT_DIR_.$file)
                            .'" alt="'.Tools::SafeOutput($category['name']).'" title="'
                            .Tools::SafeOutput($category['name']).'" class="imgm" /></div>';
                        }
                    }

                    $html .= '</li>';
                }
            }

不幸的是，此代码对我不起作用，图像未显示，尽管我为子类别设置了拇指图像。有什么帮助吗？

【问题讨论】：

您是否在启用类别缩略图后重新生成了图像？是img/c/文件夹中每个类别的缩略图吗？

标签： php prestashop prestashop-1.6

【解决方案1】：

这是我的解决方案，它对我有用

protected function generateCategoriesMenu($categories, $is_children = 0)
{
    $html = '';

    foreach ($categories as $key => $category) {
        if ($category['level_depth'] > 1) {
            $cat = new Category($category['id_category']);
            $link = Tools::HtmlEntitiesUTF8($cat->getLink());
        } else {
            $link = $this->context->link->getPageLink('index');
        }

        /* Whenever a category is not active we shouldnt display it to customer */
        if ((bool)$category['active'] === false) {
            continue;
        }

        $html .= '<li'.(($this->page_name == 'category'
            && (int)Tools::getValue('id_category') == (int)$category['id_category']) ? ' class="sfHoverForce"' : '').'>';
        $html .= '<a href="'.$link.'" title="'.$category['name'].'">';
        if($category['level_depth'] == '3' AND Tools::file_exists_cache(_PS_CAT_IMG_DIR_.(int)$category['id_category'].'_thumb.jpg'))
            $html .= '<img src="/img/c/'.(int)$category['id_category'].'_thumb.jpg'.'" class="imgm" height="30" /><br>';
        $html .= $category['name'];

        $html .='</a>';
        if (isset($category['children']) && !empty($category['children'])) {
            $html .= '<ul>';
            $html .= $this->generateCategoriesMenu($category['children'], 1);
            $html.= '<li class="sfHoverForce">'.$category['promo_right'].'</li>';
            $html .= '</ul>';
        }


        $html .= '</li>';
    }

    return $html;
}

【讨论】：

【解决方案2】：

我想通过编辑 ps_mainmenu 模板文件与您分享我在 Prestashop 1.7 上的解决方案：

<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}
       {if $node.image_urls}
                {foreach from=$node.children depth item=mychild}
                      {foreach from=$mychild.image_urls item=image_url}
                            <img src="{$image_url}" title="" alt="" />
                      {/foreach}
                {/foreach}
       {/if}

在这里查看我的文章：

https://www.prestasoo.com/blog/how-to-show-subcategories-images-in-prestashop-s-top-menu.html

【讨论】：