Venture Theme, display 4 Featured Product wide On desktop page.

Store Design
1

Hello shopify community.

I use Venture theme and I need to display 4 featured product wide on home page exactly like this shop

https://boho-vibe.com/

48e481c7d8c423156d4571e9c8cd4d80.jpg
48e481c7d8c423156d4571e9c8cd4d80.jpg1282×898 176 KB

Here my code


  {% assign blocks_count = section.blocks.size %}

  {% case blocks_count %}
    {% when 1 %}
      {% assign grid_item_width = 'medium-up--one-half' %}
      {% assign height = 450 %}
      {% assign number_rows = 1 %}
    {% when 2 %}
      {% assign grid_item_width = 'medium-up--one-half' %}
      {% assign height = 450 %}
      {% assign number_rows = 1 %}
    {% when 3 %}
      {% assign grid_item_width = 'medium-up--one-third' %}
      {% assign height = 330 %}
      {% assign number_rows = 1 %}
    {% when 4 %}
      {% assign grid_item_width = 'medium-up--one-quarter' %}
      {% assign height = 235 %}
      {% assign number_rows = 1 %}
    {% when 5 %}
      {% assign grid_item_width = 'medium-up--one-third' %}
      {% assign height = 330 %}
      {% assign number_rows = 2 %}
    {% when 6 %}
      {% assign grid_item_width = 'medium-up--one-third' %}
      {% assign height = 330 %}
      {% assign number_rows = 2 %}
  {% endcase %}

  

    {% assign row_number = 1 %}

    {% for block in section.blocks %}
      {% if blocks_count == 5 and forloop.index > 3 %}
        {% assign grid_item_width = 'medium-up--one-half' %}
        {% assign height = 450 %}
      {% endif %}
      {% if blocks_count > 4 and forloop.index > 3 %}
        {% assign row_number = 2 %}
      {% endif %}

      {% assign featured_collection = collections[block.settings.collection] %}
      {% include 'collection-grid-item' with stretch_collection_image: section.settings.stretch_collection_image, height: height %}
    {% endfor %}
  

  {% if section.blocks.size == 0 %}
    {% include 'no-blocks' %}
  {% endif %}

{% schema %}

Thank you