Retina Images in CMS Blocks

Our theme is Retina Ready. If you want to add retina support for cms image, you need to do following steps:

  1. Log in to the Magento Admin Panel
  2. Click on CMS > Static Blocks
  3. Select static block you want to edit
  4. If there no image – add image code to block content. As a result you should get image html code like this
    <img src="{{media url='nwdthemes/cartown/370x370.jpg' }}" alt=""/>
  5. To add retina image you need to upload the image to the same folder as original image and add following code to image tag
    <img data-retina="{{media url='nwdthemes/cartown/740x740.jpg' }}" src="{{media url='nwdthemes/cartown/370x370.jpg' }}" alt=""/>