Javier Villanueva
Stories from the Blok
Magento has been market leader for eCommerce retailers for over 10 years.
It's an open-source, extendable and feature-rich eCommerce platform with a large community of developers and partners that sets it apart from all other platforms.
Magento Commerce Only
Outdated Tech Stack
Lots of Boilerplate
Headless Architecture
Integrated Visual Editor
Content Workflows
Unlimited Extensibility
+
=
?
1
2
3
4
1
2
3
4
Missing template: MediaLounge_Storyblok::story/banner.phtml
<!-- MediaLounge_Storyblok/templates/story/banner.phtml -->
<div class="block-promo">
<img
width="1280"
height="460"
src="<?= $block->transformImage($block->getImage()['filename'], '1280x460') ?>"
alt="<?= __('New Luma Collection') ?>"
>
<span class="block-content">
<span class="block-info"><?= $block->getTitle() ?></span>
<?= $block->renderWysiwyg($block->getContent()) ?>
</span>
</div>
1
2
3
$block->getData('field_name')
$block->getFieldName()
$block->transformImage(string $imageUrl, string $params = '')
$block->renderWysiwyg(array $arrContent)
<picture>
<source
srcset="<?= $block->transformImage($block->getImage()['filename'], '1280x460') ?>"
media="(min-width: 768px)"
>
<img
src="<?= $block->transformImage($block->getImage()['filename'], '768x768/smart') ?>"
alt="<?= __('New Luma Collection') ?>"
>
</picture>
<!-- MediaLounge_Storyblok/templates/story/button.phtml -->
<a href="<?= $block->getData('url')['cached_url'] ?>">
<?= $block->getText() ?>
</a>
<!-- MediaLounge_Storyblok/templates/story/banner.phtml -->
<div class="block-promo">
<img
width="1280"
height="460"
src="<?= $block->transformImage($block->getImage()['filename'], '1280x460') ?>"
alt="<?= __('New Luma Collection') ?>"
>
<span class="block-content">
<span class="block-info"><?= $block->getTitle() ?></span>
<?= $block->renderWysiwyg($block->getContent()) ?>
<?= $block->getChildHtml() ?>
</span>
</div>
<!-- MediaLounge_Storyblok/layout/default.xml -->
<referenceContainer name="footer">
<block class="MediaLounge\Storyblok\Block\Container" name="storyblok.footer.copyright">
<arguments>
<argument name="slug" xsi:type="string">footer</argument>
</arguments>
</block>
</referenceContainer>
Server Side
Rendered
Full Sitemap Support
Editable Meta Fields
@jahvi
Javier Villanueva