I am currently designing a new theme called Flex (Fresh). In the process, I have been trying to build a page of collections. For example, I want the top nav to link to a page titled Jewelry that features a page of subcategories like Bracelets, Earrings, Necklaces, Keychains. I was able to edit the code of the page.list-collections.liquid template thanks to another Shopify community member. However, the code does not include any formatting. I am looking to edit the code so that the formatting matches the rest of the theme’s pages. Mainly the font style, font size, padding, and grid (4 images per page).
This is the desired formatting:
This is what the page.list-collections page currently looks like. It’s very sloppy looking with no padding:
Any help or resources would be greatly appreciated.
Here is the .liquid code:
{% comment %}
Collections are listed here.
{% endcomment %}
{% capture uses_minimal_framework %}{% include ‘product-loop’ %}{% endcapture %}
{% if uses_minimal_framework contains ‘Liquid error’ %}
{% assign uses_minimal_framework = false %}
{% assign grid_item_width = ‘large–one-quarter large-up–one-quarter medium–one-third medium-up–one-third small–one-half large–col-3 medium–col-4 small–col-6’ %}
{% else %}
{% assign uses_minimal_framework = true %}
{% assign grid_item_width = ‘span3’ %}
{% endif %}
{% assign image_size = ‘medium’ %}
{% 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 %}