In this weeks post I cover how to add a static block after product images on product page in Magento 2. This is a really easy product page update and comes in really handy for making small changes or one off changes where going through the process of setting up rules on a banner extension is just too much effort.

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 after product images on 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

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 after the product image can be found 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 after a product image in Magento 2

  • Great for adding promo banners on specific products
  • Handy for doing cross sales when you want to use a banner instead of products (although you could add products this same way)
  • Great for adding UGC content or an uploader from a service such as Wyng

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.