Hello everyone,
I would like to know how to move the description of my collection page above the products on my collection page. I’m using the pacific theme.
the link of my shop is https://www.oceaniaenvironment.com/
Thank you for your help
oh sorry for that issue can you please issue image or what do you want where
thanks for clear asap please share collection page code so i will check and update
Hey, tell me if this link work please
https://avenirvert.myshopify.com/admin/themes/120990171222?key=sections/page-collection.liquid
i need just code please
Ok so it’s the entire code from my page-collection-liquid
{% assign productTextStyle = settings.product_text_style %}
{% assign productImageFlip = settings.product_image_flip %}
{% assign collectionImage = section.settings.show_featured_image %}
{% assign collectionSorting = section.settings.collection_sorting %}
{% assign collectionFiltering = section.settings.collection_filtering %}
{% assign productLayout = section.settings.product_grid_layout %}
{% assign stockLevelOverlay = section.settings.stock_level_overlay %}
{% assign stockLevelOverlayThreshold = section.settings.stock_level_overlay_range %}
{% assign productsPerRow = section.settings.products_in_row %}
{% assign productsPerPage = productsPerRow | times: section.settings.rows %}
{%
render ‘collection-header’,
collectionImage: collectionImage
%}
{% paginate collection.products by productsPerPage %}
{% assign platforms = 0 %}
{% if settings.share-widget-facebook %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-twitter %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-pinterest %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-fancy %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-email %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if platforms > 0 %}
{{ 'general.share_buttons.share' | t }}
{% endif %}
{% render ‘share-buttons’ %}
{% if collectionSorting or collectionFiltering %}
{% if collection.handle != blank and collectionFiltering and collection.filters.size > 0 %}
{% endif %}
{% if collectionFiltering %}
{% for filter in collection.filters %}
{% if filter.active_values.size > 0 or filter.min_value.value or filter.max_value.value %}
{% capture clear_all %}
{{ collection.url }}?sort_by={{ current_sort }}
{% endcapture %}
{%-
render 'faceted-filters-active',
filters: collection.filters,
class_prefix: 'faceted',
clear_url: clear_all,
-%}
{% break %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{%
render 'faceted-filters',
filters: collection.filters,
class_prefix: 'faceted'
%}
{% endif %}
{% if collectionSorting %}
{% for option in collection.sort_options %}
{% if option.value == collection.default_sort_by %}
{% assign default_option = option.name %}
{% endif %}
{% if option.value == collection.sort_by %}
{% assign selected_option = option.name %}
{% endif %}
{% endfor %}
{% if selected_option == blank %}
{% assign selected_option = default_option %}
{% endif %}
{% assign current_sort = collection.sort_by | default: collection.default_sort_by %}
{{ 'collections.collection_sorting.title' | t }}: {{ selected_option }}
{% render 'icon' with 'chevron-down' %}
{% for product in collection.products %}
{%
render ‘product-list-item’,
product: product,
stockLevelOverlay: stockLevelOverlay,
stockLevelOverlayThreshold: stockLevelOverlayThreshold
%}
{% else %}
{{ 'collections.collection.empty' | t }} {% if current_tags.size > 0 %}{{ 'collections.collection.empty_tag_filter' | t }}{% endif %}
{% endfor %}{% render ‘pagination’, paginate: paginate %}
{% endpaginate %}
{% schema %}
{
“name”: “Collection pages”,
“class”: “section-collection”,
“settings”: [
{
“type”: “select”,
“id”: “product_grid_layout”,
“label”: “Layout”,
“options”: [
{
“value”: “masonry”,
“label”: “Collage”
},
{
“value”: “uniform”,
“label”: “Grid”
}
],
“default”: “uniform”
},
{
“type”: “select”,
“id”: “products_pagination_method”,
“label”: “Pagination method”,
“options”: [
{
“value”: “standard-pagination”,
“label”: “Standard pagination”
},
{
“value”: “jump-to-page-pagination”,
“label”: “Jump-to-page pagination”
}
],
“default”: “standard-pagination”
},
{
“type”: “range”,
“id”: “products_in_row”,
“label”: “Products per row”,
“min”: 2,
“max”: 4,
“step”: 1,
“default”: 4
},
{
“type”: “range”,
“id”: “rows”,
“label”: “Rows”,
“min”: 1,
“max”: 12,
“step”: 1,
“default”: 2
},
{
“type”: “checkbox”,
“id”: “show_featured_image”,
“label”: “Show collection image”
},
{
“type”: “header”,
“content”: “Filters”
},
{
“type”: “checkbox”,
“id”: “collection_sorting”,
“label”: “Enable sorting”,
“info”: “Learn more”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “collection_filtering”,
“label”: “Enable filtering”,
“default”: true
},
{
“type”: “header”,
“content”: “Stock level indicator”
},
{
“type”: “checkbox”,
“id”: “stock_level_overlay”,
“label”: “Enable indicator”
},
{
“type”: “range”,
“id”: “stock_level_overlay_range”,
“label”: “Show warning when stock is below:”,
“min”: 2,
“max”: 10,
“step”: 1,
“default”: 5
}
]
}
{% endschema %}
can you try this code
{% assign productTextStyle = settings.product_text_style %}
{% assign productImageFlip = settings.product_image_flip %}
{% assign collectionImage = section.settings.show_featured_image %}
{% assign collectionSorting = section.settings.collection_sorting %}
{% assign collectionFiltering = section.settings.collection_filtering %}
{% assign productLayout = section.settings.product_grid_layout %}
{% assign stockLevelOverlay = section.settings.stock_level_overlay %}
{% assign stockLevelOverlayThreshold = section.settings.stock_level_overlay_range %}
{% assign productsPerRow = section.settings.products_in_row %}
{% assign productsPerPage = productsPerRow | times: section.settings.rows %}
{%
render 'collection-header',
collectionImage: collectionImage
%}
{% paginate collection.products by productsPerPage %}
{% assign platforms = 0 %}
{% if settings.share-widget-facebook %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-twitter %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-pinterest %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-fancy %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if settings.share-widget-email %}{% assign platforms = platforms | plus: 1 %}{% endif %}
{% if platforms > 0 %}
{{ 'general.share_buttons.share' | t }}
{% render 'share-buttons' %}
{% endif %}
{% if collectionSorting or collectionFiltering %}
{% if collection.handle != blank and collectionFiltering and collection.filters.size > 0 %}
{%
render 'faceted-filters',
filters: collection.filters,
class_prefix: 'faceted'
%}
{% endif %}
{% if collectionSorting %}
{% for option in collection.sort_options %}
{% if option.value == collection.default_sort_by %}
{% assign default_option = option.name %}
{% endif %}
{% if option.value == collection.sort_by %}
{% assign selected_option = option.name %}
{% endif %}
{% endfor %}
{% if selected_option == blank %}
{% assign selected_option = default_option %}
{% endif %}
{% assign current_sort = collection.sort_by | default: collection.default_sort_by %}
{% endif %}
{% if collectionFiltering %}
{% for filter in collection.filters %}
{% if filter.active_values.size > 0 or filter.min_value.value or filter.max_value.value %}
{% capture clear_all %}
{{ collection.url }}?sort_by={{ current_sort }}
{% endcapture %}
{%-
render 'faceted-filters-active',
filters: collection.filters,
class_prefix: 'faceted',
clear_url: clear_all,
-%}
{% break %}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% for product in collection.products %}
{%
render 'product-list-item',
product: product,
stockLevelOverlay: stockLevelOverlay,
stockLevelOverlayThreshold: stockLevelOverlayThreshold
%}
{% else %}
{{ 'collections.collection.empty' | t }} {% if current_tags.size > 0 %}{{ 'collections.collection.empty_tag_filter' | t }}{% endif %}
{% endfor %}
{% render 'pagination', paginate: paginate %}
{% endpaginate %}
{% if collection.description != blank %}
{{ collection.description }}
{% endif %}
{% schema %}
{
"name": "Collection pages",
"class": "section-collection",
"settings": [
{
"type": "select",
"id": "product_grid_layout",
"label": "Layout",
"options": [
{
"value": "masonry",
"label": "Collage"
},
{
"value": "uniform",
"label": "Grid"
}
],
"default": "uniform"
},
{
"type": "select",
"id": "products_pagination_method",
"label": "Pagination method",
"options": [
{
"value": "standard-pagination",
"label": "Standard pagination"
},
{
"value": "jump-to-page-pagination",
"label": "Jump-to-page pagination"
}
],
"default": "standard-pagination"
},
{
"type": "range",
"id": "products_in_row",
"label": "Products per row",
"min": 2,
"max": 4,
"step": 1,
"default": 4
},
{
"type": "range",
"id": "rows",
"label": "Rows",
"min": 1,
"max": 12,
"step": 1,
"default": 2
},
{
"type": "checkbox",
"id": "show_featured_image",
"label": "Show collection image"
},
{
"type": "header",
"content": "Filters"
},
{
"type": "checkbox",
"id": "collection_sorting",
"label": "Enable sorting",
"info": "[Learn more](https://support.pixelunion.net/hc/en-us/articles/360026420633)",
"default": true
},
{
"type": "checkbox",
"id": "collection_filtering",
"label": "Enable filtering",
"default": true
},
{
"type": "header",
"content": "Stock level indicator"
},
{
"type": "checkbox",
"id": "stock_level_overlay",
"label": "Enable indicator"
},
{
"type": "range",
"id": "stock_level_overlay_range",
"label": "Show warning when stock is below:",
"min": 2,
"max": 10,
"step": 1,
"default": 5
}
]
}
{% endschema %}
Hello, no it did’nt work because now, I have two time the description text above and under the products. And I would like to not have the Title of my collection page but only the text.
Thank you
yes please hide top on theme setting allow if not please send this file code
collection-header
What do you mean by hiding top on theme setting ?
Hey and now How can I keep the title on the top of my collection page ?
I share with you my collection-header :
{% if collection.image and collectionImage %}
{%
render 'rimg',
img: collection.image,
size: '1024x1024',
lazy: true
%}
{% else %}
{{ collection.title }}
{% if collection.description != blank %}
{{ collection.description | strip_html | truncatewords: 20 }}
{% capture shortDescription %}{{ collection.description | strip_html | truncatewords: 20 }}{% endcapture %}
{% if collection.description.size > shortDescription.size %}
{{ ‘collections.collection.read_more’ | t }}
{% endif %}
{% endif %}
{{ collection.title }}
{% if collection.description != blank %}
{% assign seo_content = collection.description | split: "---" %}
{{ seo_content[0] }}
{% endif %}
{% endif %}
yes, please update this
{% if collection.image and collectionImage %}
{%
render 'rimg',
img: collection.image,
size: '1024x1024',
lazy: true
%}
# {{ collection.title }}
{% endif %}
If I copy paste your code part in my collection-header .liquid it doesn’t work. Should I add something else in my code from my collection-header.liquid ?
i think missing the copy page if possible to add me staff account?
yes i can see please share url this page
- Go to Online Store->Theme->Edit code
- Asset->/theme.css ->paste below code at the bottom of the file.
.collection-header .collection-description {color: #000;}
.collection-details h1 {color: #000;}