Why isn't Liquid showing in a 3 Grid layout?

Store Design
1

Hi, trying to get Liquid to show in a 3 Grid layout on the following page but its stayin in a single column as per the link current liquid code below.

Sale — Goleby’s Parts (golebysparts.au)


{% comment %}
  Collections are listed here.
{% endcomment %}

{% capture uses_minimal_framework %}{% endcapture %}

{% if uses_minimal_framework contains 'Liquid error' %}
  {% assign uses_minimal_framework = false %}
  {% assign grid_item_width = 'large--one-quarter large--col-3' %}
{% else %}	
  {% assign uses_minimal_framework = true %}
  {% assign grid_item_width = 'span3' %}
{% endif %}

{% assign image_size = 'large' %}

{% if linklists[page.handle].links.size > 0 %}
    
  {% assign number_of_links = 0 %}
    
  

    {% for link in linklists[page.handle].links %}

      {% if link.type == 'collection_link' %}

        {% comment %}
        If we have a collection link.
        {% endcomment %}   

        {% assign collection = link.object %}
        {% assign number_of_links = number_of_links | plus: 1 %}

        

          

            
            {% comment %}
              Bring in the featured image of the first product in the collection if no collection
              image has been uploaded for it.
            {% endcomment %}
            {% if collection.image %}
              
            {% else %}
              {% assign product = collection.products.first %}
              
            {% endif %}
            
          

        

    
        {% if uses_minimal_framework %}
          {% cycle 'clear-item': '', '', '', '
' %}
        {% endif %}

      {% elsif link.type == 'page_link' %}

        {% comment %}
        If we have a page link.
        {% endcomment %}

        {% assign number_of_links = number_of_links | plus: 1 %}

        {% assign linked_page = link.object %}                    
        {% assign have_image = false %}

        {% comment %}
          Does the page contain an image? If so, let's use it.
        {% endcomment %}

        {% if linked_page.content contains '

  {% if number_of_links == 0 %}

  
    

      

        There are no links of type *Collection* in your **{{ page.title }}** link list.
        Go ahead and edit your link list to use links that point to collections.
      

    

  

  {% endif %}

{% else %}

  

    

      You do not have a link list with a handle set to <kbd>{{ page.handle }}</kbd>, or you do and it's empty. 
      Go ahead and create a link list called **{{ page.title }}** on your Navigation page and populate that link list with links that point to collections, to see collections listed here.
      Make sure the link list also has a handle set to <kbd>{{ page.handle }}</kbd>.
    

  

{% endif %}
1 Like
2

@lcgol - do you want like this?

suyash1_0-1661394436041.png
suyash1_0-1661394436041.png1366×768 249 KB

1 Like
3

@lcgol

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.grid-uniform.row.clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.grid__item.grid-item.product-grid-item.span3.text-center {
    padding: 0px 5px;
}
2 Likes
4

Yeah thats what I was looking for.