Put description at the bottom of page collection description in warehouse theme

Store Design
1

hi, i need to put my collection page descriptions after the products as they block the view on mobile. i tried moving it after endpginate line but it just disrupted the whole page. i know the code which i need to move but not sure where to putit.

it is here:

planetjuniorseo_0-1658754925921.png
planetjuniorseo_0-1658754925921.png1120×320 53.9 KB

i want it here after products and on top of recently viewed:

planetjuniorseo_1-1658755019415.png
planetjuniorseo_1-1658755019415.png1332×289 30.7 KB

here is the code:

{%- comment -%}We start by creating a lot of useful variables !{%- endcomment -%}

{%- assign color_label = ‘color,colour,couleur,cor,colore,farbe,색,色,カラー,färg,farve,szín,barva’ | split: ‘,’ -%}
{%- assign items_per_page = cart.attributes.collection_products_per_page | default: section.settings.default_products_per_page -%}
{%- assign quick_links_menu = section.settings.quick_links -%}

{%- if quick_links_menu.links.size > 0 or section.settings.show_filters and collection.filters != empty -%}
{%- assign has_filters = true -%}
{%- else -%}
{%- assign has_filters = false -%}
{%- endif -%}

{%- if has_filters -%}
{%- capture grid_classes -%}1/3–tablet-and-up 1/{{ section.settings.products_per_row }}–desk{%- endcapture -%}
{%- else -%}
{%- capture grid_classes -%}1/3–tablet 1/{{ section.settings.products_per_row }}–lap-and-up{%- endcapture -%}
{%- endif -%}

{%- assign view_mode = cart.attributes.collection_layout | default: section.settings.default_view_layout -%}
{%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%}

{%- assign active_filters_count = 0 -%}

{%- for filter in collection.filters -%}
{%- if filter.type == ‘list’ -%}
{%- assign active_filters_count = active_filters_count | plus: filter.active_values.size -%}
{%- elsif filter.type == ‘price_range’ and filter.min_value.value or filter.max_value.value -%}
{%- assign active_filters_count = active_filters_count | plus: 1 -%}
{%- endif -%}
{%- endfor -%}

{%- capture section_settings -%}
{
“currentSortBy”: {{ sort_by | json }},
“defaultLayout”: {{ section.settings.default_view_layout | json }},
“defaultProductsPerPage”: {{ section.settings.default_products_per_page | json }},
“gridClasses”: {{ grid_classes | json }}
}
{%- endcapture -%}

{%- comment -%} -------------------------------------------------------------------------------------- FILTER BAR (DESKTOP) -------------------------------------------------------------------------------------- {%- endcomment -%}

{%- if has_filters -%}

{%- if quick_links_menu.links.size > 0 -%}

{{ quick_links_menu.title }}

{%- endif -%}

{%- if section.settings.show_filters and collection.filters != empty -%}

{%- if collection.current_type != blank or collection.current_vendor != blank -%}

{%- endif -%}

{{ 'collection.filter.all' | t }}

{%- assign active_filter_values = 0 -%}

{%- for filter in collection.filters -%}
{%- if filter.type == ‘list’ -%}
{%- for filter_value in filter.active_values -%}
{%- assign active_filter_values = active_filter_values | plus: 1 -%}

{% render 'icon', icon: 'close' %} {{- filter_value.label -}} {%- endfor -%} {%- elsif filter.type == 'price_range' and filter.min_value.value or filter.max_value.value -%} {% render 'icon', icon: 'close' %} {{- filter.min_value.value | default: 0 | money_without_trailing_zeros }} - {{ filter.max_value.value | default: filter.range_max | money_without_trailing_zeros -}} {%- endif -%} {%- endfor -%}

{%- if active_filter_values > 0 -%}
{{ ‘collection.filter.clear_all’ | t }}
{%- endif -%}

{%- for filter in collection.filters -%} {%- if template.suffix == 'brand' and filter.param_name == 'filter.p.vendor' and filter.values.size == 1 -%} {%- continue -%} {%- endif -%}

{%- assign filter_label_downcase = filter.label | downcase -%}
{%- assign is_filter_expanded = false -%}

{%- if color_label contains filter_label_downcase and section.settings.show_filter_color_swatch -%}
{%- assign show_color_swatch = true -%}
{%- else -%}
{%- assign show_color_swatch = false -%}
{%- endif -%}

{%- if section.settings.open_group_filters_mode == ‘all_open’ or section.settings.open_group_filters_mode == ‘first_open’ and forloop.first -%}
{%- assign is_filter_expanded = true -%}
{%- endif -%}

{{- filter.label -}} {%- render 'icon', icon: 'arrow-bottom' -%}
{%- case filter.type -%} {%- when 'list' -%} {%- if show_color_swatch -%}
{%- assign color_swatch_config = settings.color_swatch_config | newline_to_br | split: '
' -%}

{%- for filter_value in filter.values -%}
{%- capture color_id -%}filter-color-{% increment color_index %}{%- endcapture -%}

{%- assign downcased_value = filter_value.label | downcase -%}

{%- endfor -%}
{%- else -%}
    {%- for filter_value in filter.values -%}
  • {% render 'icon', icon: 'check' %}

    {{ filter_value.label }} {% if section.settings.quick_links_show_products_count %}({{ filter_value.count }}){% endif %}

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

{%- when ‘price_range’ -%}

{%- assign min_value = filter.min_value.value | default: 0.0 | divided_by: 100.0 -%}
{%- assign max_value = filter.max_value.value | default: filter.range_max | divided_by: 100.0 -%}
{%- assign range_max = filter.range_max | divided_by: 100.0 | ceil -%}

{% assign lower_bound_progress = min_value | divided_by: range_max | times: 100.0 %}
{% assign higher_bound_progress = max_value | divided_by: range_max | times: 100.0 %}

{{ cart.currency.symbol }}

-

{{ cart.currency.symbol }}
{%- endcase -%}
{%- endfor -%}
{{ 'collection.filter.view_results' | t }} {%- endif -%}
{%- endif -%}

{%- paginate collection.products by items_per_page -%}

{%- unless collection.template_suffix == 'brand' -%} {%- if section.settings.show_collection_image and collection.image and collection.all_products_count > 0 -%} {%- if section.settings.collection_image_size == 'preserve_ratio' -%} {%- capture supported_sizes -%}{%- render 'image-size', sizes: '400,500,600,700,800,900,1000, 1200, 1400, 1600', image: collection.image -%}{%- endcapture -%} {%- assign image_url = collection.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{{ collection.image.alt | escape }}
{%- else -%}
{%- endif -%} {%- endif -%} {%- endunless -%}

{%- comment -%}

TOP PART (COLLECTION INFO + TOOLBAR)

{%- endcomment -%}

{%- if collection.all_products_count == 0 -%}

{{ collection.title }}

{{ 'collection.general.empty' | t }}

{%- else -%}
{%- comment -%} IMPLEMENTATION NOTE: unfortunately I was forced to add a lot of extra div (collection__meta, collection__meta-inner, collection__header-inner,...) to be able to accommodate with the brand related layout which make things more complicated... {%- endcomment -%}
{%- if section.settings.show_collection_image and collection.image and collection.all_products_count > 0 and collection.template_suffix == 'brand' -%}
{%- endif -%}
{%- if section.settings.show_collection_image and collection.image and collection.all_products_count > 0 and collection.template_suffix == 'brand' -%}
{%- endif -%}

{%- if collection.handle == 'all' -%} {{- 'collection.general.all_products' | t -}} {%- else -%} {{- collection.title -}} {%- endif -%}

{%- assign offset = paginate.current_offset | plus: 1 -%}
{%- assign page_size = paginate.current_offset | plus: paginate.page_size | at_most: paginate.items -%}

{{ 'collection.general.products_count' | t: count: collection.all_products_count }}

{{ 'collection.general.showing_count' | t: offset: offset, page_size: page_size, count: paginate.items }}

{%- if collection.description != blank -%}
{%- assign allow_collapse_description = false -%}

{%- if section.settings.collapse_collection_description -%}
{%- assign allow_collapse_description = true -%}
{%- endif -%}

{{ collection.description }}

{%- if allow_collapse_description -%}


{{- ‘collection.general.view_more’ | t -}}

{%- endif -%}

{%- endif -%}
{%- if has_filters -%} {%- render 'icon', icon: 'filter' -%} {{ 'collection.filter.title' | t }}{% if active_filters_count > 0 %} ({{ active_filters_count }}){% endif %} {%- endif -%}
{%- assign offset = paginate.current_offset | plus: 1 -%} {%- assign page_size = paginate.current_offset | plus: paginate.page_size | at_most: paginate.items -%}

{{ ‘collection.general.showing_count’ | t: offset: offset, page_size: page_size, count: paginate.items }}

{{ 'collection.general.display' | t }}: {{ 'collection.general.page_size' | t: page_size: paginate.page_size }}{%- render 'icon', icon: 'arrow-bottom' -%}
{% render 'icon', icon: 'nav-triangle-borderless' %}
{{ 'collection.general.display' | t }} {% render 'icon', icon: 'close' %}
{{ 'collection.general.page_size' | t: page_size: 24 }} {% render 'icon', icon: 'check-2' %} {{ 'collection.general.page_size' | t: page_size: 36 }} {% render 'icon', icon: 'check-2' %} {{ 'collection.general.page_size' | t: page_size: 48 }} {% render 'icon', icon: 'check-2' %}
{%- assign collection_sort_by = collection.sort_by | default: collection.default_sort_by -%}

{%- for option in collection.sort_options -%}
{%- if option.value == collection_sort_by -%}
{%- assign collection_sort_by_name = option.name -%}
{%- break -%}
{%- endif -%}
{%- endfor -%}

{{ 'collection.sorting.title' | t }}{{ 'collection.sorting.title' | t }}: {{ collection_sort_by_name }}{%- render 'icon', icon: 'arrow-bottom' -%}
{% render 'icon', icon: 'nav-triangle-borderless' %}
{{ 'collection.sorting.title' | t }} {% render 'icon', icon: 'close' %}
{%- for option in collection.sort_options -%} {{ option.name }} {% render 'icon', icon: 'check-2' %} {%- endfor -%}
{{ 'collection.layout.title' | t }}

{%- if section.settings.default_view_layout == ‘grid’ -%}
{% render ‘icon’, icon: ‘grid’ %}
{% render ‘icon’, icon: ‘list’ %}
{%- else -%}
{% render ‘icon’, icon: ‘list’ %}
{% render ‘icon’, icon: ‘grid’ %}
{%- endif -%}

{%- comment -%}

MOBILE FILTERS

{%- endcomment -%}

{%- if has_filters and active_filters_count > 0 -%}

{%- for filter in collection.filters -%} {%- if filter.type == 'list' -%} {%- for active_filter_value in filter.active_values -%} {% render 'icon', icon: 'close' %} {{- active_filter_value.label -}} {%- endfor -%} {%- elsif filter.type == 'price_range' and filter.min_value.value or filter.max_value.value -%} {% render 'icon', icon: 'close' %} {{- filter.min_value.value | default: 0 | money_without_trailing_zeros }} - {{ filter.max_value.value | default: filter.range_max | money_without_trailing_zeros -}} {%- endif -%} {%- endfor -%}

{%- if active_filters_count > 1 -%}
{{ ‘collection.filter.clear_all’ | t }}
{%- endif -%}

{{ ‘collection.general.results_count’ | t: count: collection.products_count }}

{%- endif -%}

{%- comment -%}

COLLECTION PRODUCTS

{%- endcomment -%}

{%- if collection.products_count == 0 -%}

{{ 'collection.general.no_results' | t }}

{{ 'collection.filter.clear_all' | t }}
{%- else -%} {%- if view_mode == 'grid' -%} {%- assign show_as_list = false -%} {%- else -%} {%- assign show_as_list = true -%} {%- endif -%}
{%- for product in collection.products -%} {%- render 'product-item', product: product, list: show_as_list, grid_classes: grid_classes -%} {%- endfor -%}

{%- render ‘pagination’, paginate: paginate -%}
{%- endif -%}

{%- endif -%}

{%- endpaginate -%}

{%- if has_filters -%}

{%- render 'icon', icon: 'close' -%} {{ 'collection.filter.all' | t }} ({{ active_filters_count }})

<button class=“button button–transparent button–extra-small” data-action=“clear-filters” data-url=“{{ collection.url }}?sort_by={{ sort_by }}” {% if active_filters_count == 0 %}style=“display: none”{% endif %}>{{ ‘collection.filter.clear’ | t }}

{%- if collection.current_type != blank or collection.current_vendor != blank -%}

{%- endif -%}

{%- if quick_links_menu.links.size > 0 -%}
{%- capture link_id -%}filter-{% increment link_id %}{%- endcapture -%}

{{ quick_links_menu.title }}

{{- 'collection.filter.select_category' | t -}} {%- render 'icon', icon: 'arrow-bottom' -%}
{%- endif -%}

{%- if section.settings.show_filters and collection.filters != empty -%}

{{ 'collection.filter.all' | t }}

{%- for filter in collection.filters -%}
{%- if template.suffix == ‘brand’ and filter.param_name == ‘filter.p.vendor’ and filter.values.size == 1 -%}
{%- continue -%}
{%- endif -%}

{%- assign filter_label_downcase = filter.label | downcase -%}

{%- if color_label contains filter_label_downcase and section.settings.show_filter_color_swatch -%}
{%- assign show_color_swatch = true -%}
{%- else -%}
{%- assign show_color_swatch = false -%}
{%- endif -%}

{{- filter.label -}}

{%- if filter.type == ‘list’ and filter.active_values.size > 0 -%}
{{ filter.active_values | map: ‘label’ | join: ', ’ }}
{%- elsif filter.type == ‘price_range’ and filter.min_value.value or filter.max_value.value -%}
{{ filter.min_value.value | default: 0 | money_without_trailing_zeros }} - {{ filter.max_value.value | default: filter.range_max | money_without_trailing_zeros }}
{%- endif -%}

{%- render ‘icon’, icon: ‘arrow-bottom’ -%}

{%- case filter.type -%} {%- when 'list' -%} {%- if show_color_swatch -%}
{%- assign color_swatch_config = settings.color_swatch_config | newline_to_br | split: '
' -%}

{%- for filter_value in filter.values -%}
{%- capture color_id -%}filter-color-{% increment color_index %}{%- endcapture -%}
{%- assign downcased_value = filter_value.label | downcase -%}

{{ filter_value.label }}
{%- endfor -%}
{%- else -%}
    {%- for filter_value in filter.values -%}
  • {% render 'icon', icon: 'check' %}

    {{ filter_value.label }} {% if section.settings.quick_links_show_products_count %}({{ filter_value.count }}){% endif %}

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

{%- when ‘price_range’ -%}

{%- assign min_value = filter.min_value.value | default: 0.0 | divided_by: 100.0 -%}
{%- assign max_value = filter.max_value.value | default: filter.range_max | divided_by: 100.0 -%}
{%- assign range_max = filter.range_max | divided_by: 100.0 | ceil -%}

{% assign lower_bound_progress = min_value | divided_by: range_max | times: 100.0 %}
{% assign higher_bound_progress = max_value | divided_by: range_max | times: 100.0 %}

{{ cart.currency.symbol }}

-

{{ cart.currency.symbol }}
{%- endcase -%}
{%- endfor -%} {%- endif -%}
{{ 'collection.filter.view_results' | t }}
{%- endif -%}

{%- comment -%}

QUICK VIEW CONTAINER

{%- endcomment -%}

{%- render 'icon', icon: 'close' -%}
{%- render 'icon', icon: 'search-loader' -%}

{% schema %}
{
“name”: “Collection”,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_collection_image”,
“label”: “Show collection image”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “collapse_collection_description”,
“label”: “Collapse long description”,
“default”: false
},
{
“type”: “select”,
“id”: “collection_image_size”,
“label”: “Collection image size”,
“options”: [
{
“value”: “preserve_ratio”,
“label”: “Original image ratio”
},
{
“value”: “small”,
“label”: “Small”
},
{
“value”: “medium”,
“label”: “Medium”
},
{
“value”: “large”,
“label”: “Large”
}
],
“default”: “small”
},
{
“type”: “select”,
“id”: “products_per_row”,
“label”: “Products per row (desktop)”,
“options”: [
{
“value”: “3”,
“label”: “3”
},
{
“value”: “4”,
“label”: “4”
}
],
“default”: “4”
},
{
“type”: “range”,
“id”: “default_products_per_page”,
“label”: “Default products per page”,
“min”: 24,
“max”: 48,
“step”: 12,
“default”: 24
},
{
“type”: “select”,
“id”: “default_view_layout”,
“label”: “Default view layout”,
“options”: [
{
“value”: “grid”,
“label”: “Grid”
},
{
“value”: “list”,
“label”: “List”
}
],
“default”: “grid”
},
{
“type”: “select”,
“id”: “show_quick_buy”,
“label”: “Show quick buy on…”,
“options”: [
{
“value”: “list”,
“label”: “List view”
},
{
“value”: “list_grid”,
“label”: “List and grid views”
}
],
“default”: “list”
},
{
“type”: “select”,
“id”: “show_quick_view”,
“label”: “Show quick view on…”,
“options”: [
{
“value”: “list”,
“label”: “List view”
},
{
“value”: “list_grid”,
“label”: “List and grid views”
}
],
“default”: “list”
},
{
“type”: “header”,
“content”: “Sidebar”
},
{
“type”: “link_list”,
“id”: “quick_links”,
“label”: “Quick links”
},
{
“type”: “checkbox”,
“id”: “quick_links_show_products_count”,
“label”: “Show products count”,
“info”: “Only for collection links and filters”,
“default”: true
},
{
“type”: “header”,
“content”: “Filtering”
},
{
“type”: “checkbox”,
“id”: “show_filters”,
“label”: “Show filters”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_filter_color_swatch”,
“label”: “Show filter color swatch”,
“info”: “Requires a filter named "Color".”,
“default”: true
},
{
“type”: “select”,
“id”: “open_group_filters_mode”,
“label”: “Filter opening mode (desktop)”,
“options”: [
{
“value”: “all_closed”,
“label”: “All closed”
},
{
“value”: “all_open”,
“label”: “All open”
},
{
“value”: “first_open”,
“label”: “First open”
}
],
“default”: “all_closed”
}
]
}
{% endschema %}