Centering a single collection-list image in Debut

Shopify Partner
28 0 0

I was able to change the code to be able to select only one collection list instead of the default minimal of 2:

 

"type": "range",
"id": "grid",
"label": {
"de": "Kategorien per Reihe",
"en": "Collections per row",
"es": "Colecciones por fila",
"fr": "Collections par rangée",
"it": "Collezioni per riga",
"ja": "行あたりのコレクション数",
"nl": "Collecties per rij",
"pt-BR": "Coleções por linha",
"zh-CN": "每行产品系列数",
"zh-TW": "每列商品系列數"
},
"min": 1,
"max": 10,
"step": 1,
"default": 3
}

 

I was also able to make the collection listen centered but its showing up way too big:

 

{% case section.settings.grid %}
{% when 1 %}
{%- assign grid_item_width = 'medium-up--one-whole' -%}
{% when 2 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{% when 3 %}
{%- assign grid_item_width = 'small--one-half medium-up--one-third' -%}
{% when 4 %}
{%- assign grid_item_width = 'small--one-half medium-up--one-quarter' -%}
{% when 5 %}
{%- assign grid_item_width = 'small--one-half medium-up--one-fifth' -%}
{% endcase %}

 

Is there a way to choose just one collection list, have about the same size as when on medium-up--one-half, then have it completely centered?

 

 

Thanks!

0 Likes

Hello 

Can you share your site url?

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Partner
28 0 0

It's https://shop.lauvsongs.com/, but not yet live on the store.

0 Likes