How do I fix a glitch in my code for the Handmade theme?

[FarmhouseAZ]

Hi. I am not good with code, but I noticed a bullet point on my multicolumn section. In my code, this section

{%-liquid
assign highest_ratio = 0
for block in section.blocks
if block.settings.image.aspect_ratio > highest_ratio
assign highest_ratio = block.settings.image.aspect_ratio
endif
endfor
-%}

is not complete. It says “for block in section.block” needs to be closed. I am wondering if this is causing the glitch. How would I re-code that to be correct? My knowledge is minimal. Thanks! (I am using the Handmade theme).

[Huptech-Web]

Hello @FarmhouseAZ , If the above code is not working you can replace it with the below code. Please try this and let me know if there is any issue.

{% assign highest_ratio = 0 %}
{% for block in section.blocks %}
  {% if block.settings.image.aspect_ratio > highest_ratio %}
    {% assign highest_ratio = block.settings.image.aspect_ratio %}
  {% endif %}
{% endfor %}

[FarmhouseAZ]

It did not take away the bullet point like dots on my multi column but it was able to save! Do you know any reason why those might be there? They’re dots that are in front of the heading and I don’t want any heading, so they look odd just being there!

[FarmhouseAZ]

My current code is this:

{{ ‘section-multicolumn.css’ | asset_url | stylesheet_tag }}

{{ 'component-slider.css' | asset_url | stylesheet_tag }}

{{ section.settings.title | escape }}

{%- if section.settings.button_label != blank and section.settings.swipe_on_mobile -%} {{- section.settings.button_label | escape -}} {%- endif -%}

{% liquid

%}
{% assign highest_ratio = 0 %}
{% for block in section.blocks %}
{% if block.settings.image.aspect_ratio > highest_ratio %}
{% assign highest_ratio = block.settings.image.aspect_ratio %}
{% endif %}
{% endfor %}

{%- for block in section.blocks -%}

• {%- if block.settings.image != blank -%} {% if section.settings.image_ratio == 'adapt' or section.settings.image_ratio == 'circle' %} {% assign spaced_image = true %} {% endif %}

  {%- endif -%}

  {%- if block.settings.title != blank -%}

  {{ block.settings.title | escape }}

  {%- endif -%} {%- if block.settings.text != blank -%}

  {{ block.settings.text }}

  {%- endif -%}
{%- endfor -%}

{%- if section.settings.swipe_on_mobile -%}

{% render 'icon-caret' %}

1 / {{ 'accessibility.of' | t }} {{ section.blocks.size }}

{% render 'icon-caret' %}

{%- endif -%}

{%- if section.settings.button_label != blank -%} {{ section.settings.button_label | escape }} {%- endif -%}

.multicolumn-card a{ text-decoration: none; color: rgb(var(--color-foreground)); } {% schema %} { "name": "multicolumn", "class": "spaced-section spaced-section--full-width", "tag": "section", "settings": [ { "type": "text", "id": "title", "default": "Multicolumn", "label": "t:sections.multicolumn.settings.title.label" }, { "type": "select", "id": "image_width", "options": [ { "value": "third", "label": "t:sections.multicolumn.settings.image_width.options__1.label" }, { "value": "half", "label": "t:sections.multicolumn.settings.image_width.options__2.label" }, { "value": "full", "label": "t:sections.multicolumn.settings.image_width.options__3.label" } ], "default": "full", "label": "t:sections.multicolumn.settings.image_width.label" }, { "type": "select", "id": "image_ratio", "options": [ { "value": "adapt", "label": "t:sections.multicolumn.settings.image_ratio.options__1.label" }, { "value": "portrait", "label": "t:sections.multicolumn.settings.image_ratio.options__2.label" }, { "value": "square", "label": "t:sections.multicolumn.settings.image_ratio.options__3.label" }, { "value": "circle", "label": "t:sections.multicolumn.settings.image_ratio.options__4.label" } ], "default": "adapt", "label": "t:sections.multicolumn.settings.image_ratio.label" }, { "type": "select", "id": "column_alignment", "options": [ { "value": "left", "label": "t:sections.multicolumn.settings.column_alignment.options__1.label" }, { "value": "center", "label": "t:sections.multicolumn.settings.column_alignment.options__2.label" } ], "default": "left", "label": "t:sections.multicolumn.settings.column_alignment.label" }, { "type": "select", "id": "background_style", "options": [ { "value": "none", "label": "t:sections.multicolumn.settings.background_style.options__1.label" }, { "value": "primary", "label": "t:sections.multicolumn.settings.background_style.options__2.label" }, { "value": "secondary", "label": "t:sections.multicolumn.settings.background_style.options__3.label" } ], "default": "primary", "label": "t:sections.multicolumn.settings.background_style.label" }, { "type": "checkbox", "id": "swipe_on_mobile", "default": false, "label": "t:sections.multicolumn.settings.swipe_on_mobile.label" } ], "blocks": [ { "type": "column", "name": "t:sections.multicolumn.blocks.column.name", "settings": [ { "type": "image_picker", "id": "image", "label": "t:sections.multicolumn.blocks.column.settings.image.label" }, { "type": "text", "id": "title", "default": "Column", "label": "t:sections.multicolumn.settings.title.label" }, { "type": "url", "id": "button_link", "label": "t:sections.multicolumn.settings.button_link.label" }, { "type": "richtext", "id": "text", "default": "

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.

", "label": "t:sections.multicolumn.blocks.column.settings.text.label" } ] } ], "presets": [ { "name": "t:sections.multicolumn.presets.name", "blocks": [ { "type":"column" }, { "type":"column" }, { "type":"column" } ] } ] } {% endschema %}

[Huptech-Web]

Hello @FarmhouseAZ , The bullet points are showing because of the

tag. Please try adding the below code in the tag.

.multicolumn-list grid .multicolumn-list__item {
  list-style: none;
}

If this doesn’t work, please share your storefront URL. It will help me to understand and resolve this issue.

[FarmhouseAZ]

This did not work. Our website is not yet published, so here is the preview link https://ka2v0szrkt1simjo-45142212766.shopifypreview.com

Is that enough?

[Huptech-Web]

Hi @FarmhouseAZ , I have checked the URL you shared. Please add the CSS to your code it will hide the dots.

.multicolumn-list .multicolumn-list__item {
  list-style: none;
}

[FarmhouseAZ]

That worked! Thank you!