html - 隐藏类别 div block ，从响应式布局中 100% 展开幻灯片

Question

我正在使用 http://themeglobal.com/opencart/kingstore/doc/#!/layout模板

在菜单下方，我想隐藏类别 block 并将幻灯片和两个横幅展开到 100%，(幻灯片赢得所有可用空间，横幅保持原来的大小)。

我不想在以前存在类别的地方有空白。

我确实评论了这一行 class="col-sm-<?php echo $grid_center; ?>"尝试使用固定在 12 的 css 类，我仍然有空白要填充。

如何在没有类别的情况下让幻灯片放映全 Angular ？ (themeglobal.com/opencart/kingstore/doc/#!/layout) 并保持响应。

<?php //$grid_center = 12; if( count($headerleft) ) { $grid_center = 9; } ?>
<?php $grid_center = 11; ?>
<div class="col-sm-<?php echo $grid_center; ?>">

<div class="row">
<?php
   $grid_header_top = 12;
   $grid_content_right = 3;
   $header_right = $modules_old_opencart->getModules('header_right');
   if( count($header_right) ) {
      if($grid_center == 9) {
         $grid_header_top = 8;
         $grid_content_right = 4;
      } else {
         $grid_header_top = 9;
         $grid_content_right = 3;
      }
   }
?>

这是原文:Demo Kingstore lite

Answer 1

尝试从管理面板 > 设计 > 布局 > 您的布局名称(主页)中删除类别模块(位置 - 标题左侧)。

如果可能的话，从 catalog/view/theme/applied_theme_name/template/common/home.tpl 文件中添加更多代码

编辑:通过仅从布局中删除类别模块(在 2.1.x 版上测试)对我有用。找到以下代码:

    <?php $grid_center = 12; if( count($headerleft) ) { $grid_center = 9; } ?>
        <div class="col-sm-<?php echo $grid_center; ?>">
                <div class="row">
                <?php 
                $grid_header_top = 12; 
                $grid_content_right = 3;
                $header_right = $modules->getModules('header_right'); 
                if( count($header_right) ) {
                    if($grid_center == 9) {
                        $grid_header_top = 8;
                        $grid_content_right = 4;
                        } else {
                        $grid_header_top = 9;
                        $grid_content_right = 3;
                        }
                    }
                    ?>

看来您已经更改了第一行，请恢复这些更改并尝试。

希望对你有帮助。