将新模块位置添加到OpenCart 3

时间：2018-01-07 21:05:32

标签： opencart opencart-3

我正在使用 OpenCart 3.0.2版。

默认情况下，OpenCart有4个区域，我们可以在布局中删除模块。即

  1. 左栏
  2. 右栏
  3. 热门内容
  4. 底部内容

    5. 我的问题是，如果我们可以以某种方式将模块放在其他地方，或者也许我们可以以某种方式调用HTML模块中的模块并使用一些HTML代码进行换行。基本上我一直坚持设计，我想在主页中添加一些动态横幅，但是根据设计显示它们，它们很多都包含在行中而不是col-6中，因为bootstrap是我正在使用的框架。

    为了详细说明我的要求，我正在编写示例HTML，以便我可以显示我想为主页添加模块的位置

    <header></header>
<div id="home" class="row">
    <div class="col-12"> Slideshow Module as "content top" </div>
    <div class="col-6"> Big Banner Module </div>
    <div class="col-6"> Few more Banners </div>
    <div class="col-12"> Latest Products Module as "content Bottom" </div>
    <div class="col-12"> Featured Products Module as "content Bottom" </div>
    <div class="col-12"> HTML CONTENT Module as "content Bottom" </div>
</div>
<footer></footer>

    我可以在左右列中删除 Big Banner模块和更多Banners模块以及一些jQuery来更改{{1}列中的包装HTML } <aside id="column-left">但这个解决方案看似不对，也会影响谷歌抓取。

    有人建议更好的方法只为主页添加这样的模块吗？

    如果我无法用HTML解释问题，结构图像：

    enter image description here

2 个答案:

答案 0 :(得分：2)

您需要创建新职位。

文件： 

admin/language/en-gb/design/layout.php

<强>查找 

$_['text_content_bottom']

在它之前添加： 

$_['text_content_new']    = 'Content New';

文件： 

admin/view/template/design/layout_form.twig

<强>查找 

<table id="module-content-top" class="table table-striped table-bordered table-hover">

在它之前添加： 

<table id="module-content-new" class="table table-striped table-bordered table-hover">
  <thead>
    <tr>
      <td class="text-center">{{ text_content_new }}</td>
    </tr>
  </thead>
  <tbody>
    {% for layout_module in layout_modules %}
    {% if layout_module.position == 'content_new' %}
    <tr id="module-row{{ module_row }}">
      <td class="text-left"><div class="input-group">
          <select name="layout_module[{{ module_row }}][code]" class="form-control input-sm">
            {% for extension in extensions %}
            <optgroup label="{{ extension.name }}">
            {% if not extension.module %}
            {% if extension.code == layout_module.code %}
            <option value="{{ extension.code }}" selected="selected">{{ extension.name }}</option>
            {% else %}
            <option value="{{ extension.code }}">{{ extension.name }}</option>
            {% endif %}
            {% else %}
            {% for module in extension.module %}
            {% if module.code == layout_module.code %}
            <option value="{{ module.code }}" selected="selected">{{ module.name }}</option>
            {% else %}
            <option value="{{ module.code }}">{{ module.name }}</option>
            {% endif %}
            {% endfor %}
            {% endif %}
            </optgroup>
            {% endfor %}
          </select>
          <input type="hidden" name="layout_module[{{ module_row }}][position]" value="{{ layout_module.position }}" />
          <input type="hidden" name="layout_module[{{ module_row }}][sort_order]" value="{{ layout_module.sort_order }}" />
          <div class="input-group-btn"> <a href="{{ layout_module.edit }}" type="button" data-toggle="tooltip" title="{{ button_edit }}" target="_blank" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i></a>
            <button type="button" onclick="$('#module-row{{ module_row }}').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger btn-sm"><i class="fa fa fa-minus-circle"></i></button>
          </div>
        </div></td>
    </tr>
    {% set module_row = module_row + 1 %}
    {% endif %}
    {% endfor %}
  </tbody>
  <tfoot>
    <tr>
      <td class="text-left"><div class="input-group">
          <select class="form-control input-sm">
            <option value=""></option>
            {% for extension in extensions %}
            <optgroup label="{{ extension.name }}">
            {% if not extension.module %}
            <option value="{{ extension.code }}">{{ extension.name }}</option>
            {% else %}
            {% for module in extension.module %}
            <option value="{{ module.code }}">{{ module.name }}</option>
            {% endfor %}
            {% endif %}
            </optgroup>
            {% endfor %}
          </select>
          <div class="input-group-btn">
            <button type="button" onclick="addModule('content-new');" data-toggle="tooltip" title="{{ button_module_add }}" class="btn btn-primary btn-sm"><i class="fa fa-plus-circle"></i></button>
          </div>
        </div></td>
    </tr>
  </tfoot>
</table>

创建以下文件： 

catalog/controller/common/content_new.php

它的内容： 

<?php
class ControllerCommonContentNew extends Controller {
    public function index() {
        $this->load->model('design/layout');
        if (isset($this->request->get['route'])) {
            $route = (string)$this->request->get['route'];
        } else {
            $route = 'common/home';
        }
        $layout_id = 0;
        if ($route == 'product/category' && isset($this->request->get['path'])) {
            $this->load->model('catalog/category');
            $path = explode('_', (string)$this->request->get['path']);
            $layout_id = $this->model_catalog_category->getCategoryLayoutId(end($path));
        }
        if ($route == 'product/product' && isset($this->request->get['product_id'])) {
            $this->load->model('catalog/product');
            $layout_id = $this->model_catalog_product->getProductLayoutId($this->request->get['product_id']);
        }
        if ($route == 'information/information' && isset($this->request->get['information_id'])) {
            $this->load->model('catalog/information');
            $layout_id = $this->model_catalog_information->getInformationLayoutId($this->request->get['information_id']);
        }
        if (!$layout_id) {
            $layout_id = $this->model_design_layout->getLayout($route);
        }
        if (!$layout_id) {
            $layout_id = $this->config->get('config_layout_id');
        }
        $this->load->model('setting/module');
        $data['modules'] = array();
        $modules = $this->model_design_layout->getLayoutModules($layout_id, 'content_new');
        foreach ($modules as $module) {
            $part = explode('.', $module['code']);
            if (isset($part[0]) && $this->config->get('module_' . $part[0] . '_status')) {
                $module_data = $this->load->controller('extension/module/' . $part[0]);
                if ($module_data) {
                    $data['modules'][] = $module_data;
                }
            }
            if (isset($part[1])) {
                $setting_info = $this->model_setting_module->getModule($part[1]);
                if ($setting_info && $setting_info['status']) {
                    $output = $this->load->controller('extension/module/' . $part[0], $setting_info);
                    if ($output) {
                        $data['modules'][] = $output;
                    }
                }
            }
        }
        return $this->load->view('common/content_new', $data);
    }
}

创建以下文件： 

catalog/view/theme/default/template/common/content_new.twig

它的内容： 

{% for module in modules %}
{{ module }}
{% endfor %}

文件： 

catalog/controller/common/home.php

<强>查找 

$data['content_top'] = $this->load->controller('common/content_top');

在它之前添加： 

$data['content_new'] = $this->load->controller('common/content_new');

文件： 

catalog/view/theme/default/template/common/home.twig

<强>查找 

{{ header }}

在其后添加： 

{{ content_new }}

答案 1 :(得分：0)

@digitcart给出了一个不错的答案，对于那些喜欢视频的人来说，这是我为您量身定制的视频教程

https://dreamvention.com/blog/how-to-add-an-extra-position-in-opencart-header/

希望有帮助。

此外，您还可以找到将为您执行此操作的OCMOD，然后可以复制它以增加更多职位。很酷的东西

https://github.com/Dreamvention/youtube_files/tree/master/extra_position_1

相关问题
最新问题