Working with the block editor

блокиредактор

The block editor in ecom.md allows you to flexibly manage content on different pages of the site without knowledge of HTML.

Main features

Block types

  • Text block - formatted text with headings, lists, links
  • Image block - one or more images with captions
  • Banner - an image with a link and text on top
  • Slider - a set of changing images
  • Product block - a selection of products from the catalog
  • HTML block - custom HTML code for advanced users

Block management

  • Add — select the type and placement
  • Edit — change the contents of the block
  • Move - drag the block to a new position
  • Hide — temporarily disable the block without deleting it
  • Delete — completely delete the block

Working with text

The text editor supports:

  • Headings (H2, H3, H4) - for text structure
  • Bold and italics - for emphasis
  • Numbered and bulleted lists
  • Tables
  • Links (internal and external)
  • Inserting images into text

Working with images

When uploading images:

  • Supported formats: JPG, PNG, WebP, GIF
  • Images are automatically optimized
  • You can set alt text (for SEO)
  • Cropping and resizing available

Adaptability

All blocks automatically adapt for:

  • Desktop (full version)
  • Tablet (simplified layout)
  • Mobile (single-column view)

For banners, it is recommended to download separate versions for mobile devices.

Recommendations

  • Use blocks to create unique landing pages
  • Alternate text and images for better comprehension
  • Check the view on mobile devices after changes

article.helpfulQuestion