magento 2: quiero mostrar una imagen en el archivo phtml de plantilla de módulo

21

Quiero mostrar una imagen en el archivo de plantilla del módulo. Cuando alguien instala mi módulo, puede ver esa imagen. ¿Puedo almacenar mis imágenes dentro de mi directorio de módulos o no?

magento-2.0 phtml

— Ankush Chauhan
fuente

Ohoo ankush bhai magento2

— Amit Singh

33

Sí, puede almacenar imágenes en los directorios web de su módulo dependiendo del área de sus plantillas. La ruta es: Vendor / Module / view / {frontend | adminhtml} / web / images /

Luego, en sus archivos * .phtml, puede mostrar la imagen:

<img src="<?php echo $this->getViewFileUrl('Vendor_Module::images/image.png'); ?>" />

— Miroslav Petroff
fuente

Si quiero esa url en ayuda, ¿cómo puedo obtenerla? o en el archivo js?

— Nitesh

En helper puede inyectar \Magento\Framework\View\Result\PageFactoryclase en su constructor como $pageFactoryy luego llamar al $pageFactory->getViewFileUrl()método. Para los archivos js no tengo idea de cómo puedes obtenerlo.

— Miroslav Petroff

1

Me gusta codificar en base 64 mis PNG e incorporarlos. Yo uso https://www.base64-image.de .

        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ....=">

— ChristianTL
fuente

0

<script type="text/x-magento-init">
{
    <?php /* this defines the target of the widget */ ?>
    "#target_id": {
        <?php /* this defines the widget */ ?>
        "image.widget.name": {
            "imagename" : "<?php echo $this->getViewFileUrl('Vendor_Module::images/image.png'); ?>"
        }
    }
}

Usaría el script de inicialización del widget de magento para iniciar su javascript con la opción "imagename" definida. Esta técnica de inicialización generalmente se realiza en archivos phtml. Mi código asume que su imagen está en Proveedor / Módulo / vista / {frontend | adminhtml} / web / images /

Para más información, puede ver la documentación de magento 2. http://devdocs.magento.com/guides/v2.1/javascript-dev-guide/javascript/js_init.html

— Amad
fuente