Blocksy 2 Dynamic Data Blocks in Loops Explained

existBlocksy 2Dynamic data blocks are a powerful feature that offers greater flexibility when combined with circular layouts. Whether it's in advanced article blocks, advanced taxonomy blocks, or theWooCommerceof the product collection block, dynamic data blocks are able to make the page content more vivid and rich. In this article, we will explain in detail how dynamic data blocks are used in loops to help website designers realize the full potential of Blocksy.

Dynamic Data Block Application in Advanced Article Blocks

The use of dynamic data blocks in Advanced Post Block is very intuitive. Open theGutenbergThe list view of the editor, you can see that each article consists of multiple dynamic data blocks, which display the featured image, article title, release date, etc., and are encapsulated as a whole in the article template block (Post Template Block).

The article template block is responsible for generating a dynamically updated list of articles on the page. Each article's data is automatically extracted and populated to create a continuous presentation. By adding the dynamic data block only once in the template, all article items are presented in a uniform manner, which greatly improves efficiency. New data content can also be added at any time when adjustments need to be made, such as adding the publish date below each article.

This layout has a clear structure and a clear relationship between content modules, which can meet a variety of page design needs.

Covered Layout Creation

In Dynamic Data Block Settings, after setting the data source to Featured Image, you can switch to Cover Display mode. After enabling cover display, you are able to overlay other information on the featured image, such as title, date, and classification terms.

The operation process includes:

• Select Dynamic Featured Image Block
• Enable cover display mode

• Drag and drop dynamic data blocks such as titles, dates, etc. into the cover area

• Adjusting the typographical style to harmonize the overall layout

This cover-style layout is perfect for blog home pages, article list pages, work display pages, and other scenarios where you need to highlight the visual effects to make the page more attractive.

Dynamic data block applications in third-party circular blocks

in order toWooCommerceFor example, the Products Collection Block is used by default.GutenbergBuilt-in base blocks, such as images and captions, which have limitations in terms of style and functionality.

The dynamic data block can directly replace the default block, which automatically recognizes the current environment and extracts the appropriate data, for example:

• Product Pictures
• Product Title
• Product Price
• Product Ratings
• Inventory status
• SKU No.

After replacing it, you can customize the product title of theHTMLTag structure, adjust the aspect ratio of featured images, freely control the order of data items, and further enrich the page display.

Through the flexible use of dynamic data blocks, you can get a more refined design effect without increasing complexity, making the website content presentation more professional and organized.

summarize

Blocksy 2The application of dynamic data blocks in the loop structure greatly expands the freedom of page layout. Whether it is a standard article list or a complex product collection display, dynamic data blocks can be easily adapted to different scenarios. With the combination of cover mode and third-party looping blocks, the expressive power of the website content has been significantly improved.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: info@361sale.com
④ Working hours: Monday to Friday, 9:30-18:30, holidays off