Blocks

Understanding Blocks

Blocks are the building components that make up your storefront's visual structure and functionality. They represent various elements that can be positioned throughout your store to create a cohesive and functional user experience.

Definition: Blocks are modular components that can be arranged on layouts to customize the structure and functionality of store pages.

Common Block Types

The Venddor platform includes several types of blocks that serve different purposes:

Block Type	Description	Common Use Cases
Navigation Menus	Provides navigation links to different sections of your store	Header, footer, sidebar navigation
Banner Blocks	Displays promotional content, images, or calls to action	Homepage sliders, promotional announcements
Product Blocks	Shows products in various formats and groupings	Featured products, new arrivals, related items
Search Forms	Allows customers to search your product catalog	Header search, advanced search pages
Content Blocks	Displays custom HTML, text, or media content	About us information, policy text, brand stories
Interactive Elements	Provides functionality for user interaction	Contact forms, newsletter signup, social feed

Working with Blocks

Administrators can customize their storefront by positioning blocks on different layouts. This allows for complete control over the structure and appearance of store pages.

Tip: When arranging blocks, consider the user journey through your store. Place the most important blocks in prominent positions and ensure a logical flow of information.

Block API Integration

The Venddor API allows you to programmatically manage blocks, enabling custom integrations and automated store customization. See the Blocks API endpoints for more details.

{
  "block_id": "12345",
  "type": "products",
  "name": "Featured Products",
  "status": "A",
  "position": 10,
  "properties": {
    "template": "blocks/product_grid.tpl",
    "item_number": 4
  }
}