将新模块位置添加到OpenCart 3

Question

我使用的是OpenCart 3.0.2版。

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

左栏
右栏
热门内容
底部内容

我的问题是，如果我们可以以某种方式将模块放在其他地方，或者也许我们可以以某种方式调用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来将列的包装HTML从<aside id="column-left">更改为<div class="col-6">但是此解决方案似乎不正确并将影响谷歌爬行也是如此。

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

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

Answer 1

你需要创造新的位置。

文件：

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

Answer 2

@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

将新模块位置添加到OpenCart 3

问题描述投票：2回答：2

2个回答

最新问题

将新模块位置添加到OpenCart 3

问题描述 投票：2回答：2

2个回答

最新问题

问题描述投票：2回答：2