Skip to content

Magento 2 module to add shortcodes to CMS pages & blocks.

Notifications You must be signed in to change notification settings

hypershopbv/Hypershop_Shortcodes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hypershop_Shortcodes

Goal

  • This module is created to add shortcodes to CMS pages & blocks and convert those into HTML wraps.

Installation / Setup

  • Install the module using the command composer require hypershop/module-shortcodes
  • After installing, run a bin/magento setup:upgrade to add it to the Magento module list.

Usage / Settings

Initially the only shortcode to this module is:

[wrap]
Your content here
[/wrap]

This will be converted into:

<div class="wrap">
Your content here
</div>

It is also possible to add extra classes to the shortcode:

[wrap extra-class="extra-class-one extra-class-two extra-class-three"]
Your content here
[/wrap]

This will be converted into:

<div class="wrap extra-class-one extra-class-two extra-class-three">
Your content here
</div>

You can extend the shortcode list within your theme or through a custom module or theme by extending it like this in a layout XML file:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="shortcodes">
            <arguments>
                <argument name="list" xsi:type="array">
                    <item name="second-shortcode" xsi:type="array">
                        <item name="shortcode" xsi:type="string">second-shortcode</item>
                        <item name="class" xsi:type="string">second-shortcode-class</item>
                    </item>
                    <item name="third-shortcode" xsi:type="array">
                        <item name="shortcode" xsi:type="string">third-shortcode</item>
                        <item name="class" xsi:type="string">third-shortcode-class</item>
                    </item>
                </argument>
            </arguments>
        </referenceBlock>
    </body>
</page>

Common issues

  • None known so far.