hi.
i would like to expand the collection image and description to full width and have the filter options below the collection .
image attached for reference
Hello
There are 2-3 ways to do this. First, In some shopify theme, in theme customization may be there is an option to make this collection image section to full width. Second option we can do this with css for this I need to check the div structure of you collection page section only then I can let you know the exact style for this.
Please share you store link here.
Thank you.
hi.
I have created a new collection template .
added the code as below .
i am stuck at point 2 which is to add the style to a style file .
Hello,
Great !
After adding this class in header follow these steps I am sharing a file. Let me know if still any confusion.
Thank you.
where do i add
{{ ‘custom.css’ | asset_url | stylesheet_tag }}
theme.liquid as below .
{% if settings.favicon != blank %}
{% endif %} {{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}{% if page_description %}
{% endif %}
{% include ‘social-meta-tags’ %}
{{ ‘theme.scss.css’ | asset_url | stylesheet_tag }}
{% include ‘google-fonts’ %}
{% if template.directory == ‘customers’ %}
{% endif %}
{% if template.name == ‘product’ or template.name == ‘cart’ %}
{% endif %}
{% include ‘buddha-megamenu-before’ %}
{% include ‘buddha-megamenu’ %}
{{ content_for_header }}
{% include ‘sca-quick-view-init’ %}
{% include ‘rfq_script’ %}
{% render ‘pagefly-header’ %}
{% include 'buddha-megamenu-wireframe' %} {{ 'general.accessibility.skip_to_content' | t }}{% section ‘header’ %}
{{ content_for_layout }}
{% section ‘footer’ %}
{% if template.name == ‘product’ %}
{% include ‘sca-quick-view-template’ %}
{% include ‘whatsapp-share’ %}