magento 2: Chcę wyświetlić obraz w pliku phtml szablonu modułu

21

Chcę wyświetlić obraz w pliku szablonu modułu. Kiedy ktoś instaluje mój moduł, może zobaczyć ten obraz. Czy mogę przechowywać moje obrazy w katalogu mojego modułu, czy nie?

magento-2.0 phtml

— Ankush Chauhan
źródło

Ohoo ankush bhai magento2

— Amit Singh

33

Tak, możesz przechowywać obrazy w swoich katalogach internetowych modułów w zależności od obszaru twoich szablonów. Ścieżka to: Vendor / Module / view / {frontend | adminhtml} / web / images /

Następnie w plikach * .phtml możesz wyświetlić obraz:

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

— Miroslav Petroff
źródło

Jeśli chcę ten adres URL w pomocnika, jak mogę go zdobyć? lub w pliku js?

— Nitesh

W pomocniku możesz wstrzyknąć \Magento\Framework\View\Result\PageFactoryklasę do swojego konstruktora, $pageFactorya następnie wywołać $pageFactory->getViewFileUrl()metodę. W przypadku plików js nie mam pojęcia, jak je zdobyć.

— Miroslav Petroff

1

Lubię kodować base-64 moje PNG i wstawiać je. Korzystam z https://www.base64-image.de .

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

— ChristianTL
źródło

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'); ?>"
        }
    }
}

Używałbyś skryptu inicjującego widget magento do uruchomienia javascript ze zdefiniowaną opcją „imagename”. Ta technika inicjalizacji jest zwykle wykonywana w plikach phtml. Mój kod zakłada, że twój obraz znajduje się w Vendor / Module / view / {frontend | adminhtml} / web / images /

Aby uzyskać więcej informacji, zobacz dokumentację magento 2. http://devdocs.magento.com/guides/v2.1/javascript-dev-guide/javascript/js_init.html

— Amad
źródło