Часть моего шаблона или HTML исчезает. Создание модуля для Prestashop 1.7.6.1, php 7.1.9 - PullRequest
1 голос
/ 01 октября 2019

По той причине, что я не понимаю один тег div и класс исчезает из моего кода в файле home.tpl. Модуль называется upload_data, и он организован в следующие папки: изображение, которое показывает расположение папок

Вот мой код

upload_data.php

<?php
class Upload_data extends Module
{
    public function __construct()
    {
        $this->name = 'upload_data';
        $this->author = 'Luis Sorto';
        $this->version = '1.0.0';
        $this->bootstrap = true;
        parent::__construct();
        $this->displayName=$this->l('Upload CSV Files');
        $this->description=$this->l('This is a test module to upload csv files');
        $this->ps_versions_compliancy = array('min' => '1.7.0.0', 'max' => '1.7.99.99');
    }
    public function install()
    {
        return parent::install() && $this->registerHook('displayHome');
    }
    public function uninstall()
    {
        return parent::uninstall();
    }
    public function hookDisplayHome()
    {
        return $this->display(__FILE__, 'views/templates/hook/home.tpl');
    }
    public function hookHeader()
    {
        $this->context->controller->addCSS(array(
            $this->_path.'views/css/upload_data.css'
        ));
        $this->context->controller->addJS(array(
            $this->_path.'views/js/upload_data.js'
        ));
    }
    public function getContent()
    {
        return $this->display(__FILE__, 'views/templates/admin/configure.tpl');
    }
}
?>

home.tpl

<div class="row">
    <div class="col-lg-12">
        <img src="http://via.placeholder.com/1920x350" class="upload_data-img"/>
    </div>
</div>

upload_data.css

.upload_data-img{width:100%;}

Когда я загружаю страницу в localhoast с помощью xampp, это то, что я получаю при проверке кода

<div class="row">
    <img src="http://via.placeholder.com/1920x350">
</div>

Я попытался редактировать html с помощью инструмента Google Chrome, и если я добавлю div и класс, он будет работать отлично. Как бы то ни было, но когда я обновлю страницу, этого изменения не будет.

Я пытался изменить местоположение файла css и копировать его везде, но у меня это не сработало. Также попытался изменить класс тега для className. Надеюсь, это не глупый вопрос.

1 Ответ

0 голосов
/ 02 октября 2019

Prestashop имеет встроенный детектор мобильных устройств, и вы можете скрыть некоторые модули для мобильных устройств в настройках модулей, так что вы можете проверить это (поскольку Chrome с инструментами разработчика открыт, я считал мобильное устройство).

enter image description here

...