Uploaded image for project: 'eZ Platform Enterprise Edition'
  1. eZ Platform Enterprise Edition
  2. EZEE-2541

Switching layout corrupts block areas rendering in Page Builder

    XMLWordPrintable

Details

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: High High
    • Customer request
    • 2.3.1
    • Page Builder
    • None
    • [3.0] - Sprint 1

    Description

      Customer observed that switching layouts in Page Builder ends up with marking all existing blocks as zones (orange frame added).

      Steps to reproduce:
      1. Install 2.3.1 version of eZ Platform.
      2. Configure a custom layout e.g.

      <div data-studio-zones-container>
          <div class="landing-page__zone landing-page__zone--{{ zones[0].id }}" data-ez-zone-id="{{ zones[0].id }}">
              {% if zones[0].blocks %}
                  {% for block in zones[0].blocks %}
                      <div class="landing-page__block block_{{ block.type }}" data-ez-block-id="{{ block.id }}">
                          {{ render_esi(controller('ez_block:renderBlockAction', {
                              'locationId': locationId,
                              'contentId': contentInfo.id,
                              'blockId': block.id,
                              'versionNo': versionInfo.versionNo,
                              'languageCode': field.languageCode
                          })) }}
                      </div>
                  {% endfor %}
              {% endif %}
          </div>
      </div>
      

      3. Add below configuration to the layouts.yml file and import it in app/config/config.yml:

      ezplatform_page_fieldtype:
          layouts:
              test:
                  identifier: 'test'
                  name: 'Test Layout'
                  description: 'Testing Layout'
                  thumbnail: '/assets/images/layouts/sidebar.png'
                  template: 'layouts/sidebar.html.twig'
                  zones:
                      first:
                          name: 'First zone'
      

      4. Go to the Page Builder and add a new Landing Page or edit an existing one.
      5. Go to the edit mode and add a few blocks. Note that they are surrounded by blue frames.
      6. Hit "Switch layout" and select the other layout.

      Current result: Every block is marked as an orange rectangle which should be reserved only for zones.

      Expected result: The blocks have original, blue frames.

      Attachments

        Activity

          People

            Unassigned Unassigned
            konrad.oboza@ibexa.co Konrad Oboza
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: