If you are looking to add simple short and quick messages to product pages then maybe you are looking to add a static block after product titles on product pages in Magento 2. I find this update very useful when dealing with client request to add messages to just a couple of products when there are supply issues or stock shortages.

 

Magento 2 XML Layout Updates – In brief

A layout update is a small bit of code written in XML format that instructs the Magento CMS to look in a particular section of the page and either pick up or put down another piece of code.  In each of the how-to sections below I’ll write out what each of the Magento Layout Updates are doing in a human way so they are more easy to understand. 

So let’s get going

For all examples in this guide of XML updates you will need to:

  • replace block_namespace_here with a custom name for your block such as custom.product.message. This can be anything really that follow this format but try and keep them the same across your site when they are doing the same thing.
  • replace block_identifier_here with the block identifier (the ID of the static block)

Where to add the code

Whether you are doing a Magento XML Layout update on a category, product or CMS page you’ll be looking for a box that looks like this one to make your edits. You can do layout updates on pages, products and categories.

Magento 2 Layout Update from CMS

How to add a static block to the main content of a product page in Magento 2

This one is really handy. You may be wondering how to get a banner or block of text to the top of a product page in Magento 2. 

  1. Create the static block you want to add after the image. When asked to give the block an identifier add something unique this will replace block_indentifier_here in the code below. 
  2. Use this code to add the block remembering to change the block identifier and giving the layout update a namespace such as custom.image.after

<referenceContainer name="main"> 
            <block class="Magento\Cms\Block\Block" name="block_namespace_here" before="-">
                <arguments>
                    <argument name="block_id" xsi:type="string">block_indentifier_here </argument>
                </arguments>
            </block>
</referenceContainer>

Now you just need to style your contents that you’ve added to your CMS block. In my example below I am using an image as a banner but you could just as well inject anything you can put into a static block including widgets, products, code, text, video and more.

The result of adding a static block at the top of a product page can be seen here on our Lumarix Magento Store

Before

Image 2019-08-23 at 3.35.04 pm

After

Image 2019-08-23 at 3.58.15 pm

Uses for adding a static block top the top of a product page in Magento 2

  • Great for adding promo banners on products
  • If you don’t have a banner plugin with rules that can focus tight enough you can manually select a page
  • Handy for doing cross sales when you want to use a banner instead of products (although you could add products this same way)
  • Use the bulk attribute editor to add a layout update to the top of big selection of page
  • Great for holiday messages

Would you like to learn more? Would you rather we just did these things for you?

Call us on 0117 2077504 or complete the form below to discuss your project or requirements.