Add text below collection list on collection page - Retina Theme

Comments

5 comments

  • Avatar
    Paul

    Did you find out how to do this? I used to be able to do it in a previous version of Turbo but last year one of the updates changed all the code and I can't work out how to do it anymore.

     

    0
    Comment actions Permalink
  • Avatar
    Allison

    No unfortunately never figured it out.  I tried a few things from other tips that I thought would work but no luck.

    0
    Comment actions Permalink
  • Avatar
    Paul

    Kind of a crummy example, but is this the kind of thing you are after?

    https://soillholds.com/collections/holds-and-training-sale

    I've got pre and post collection stuff happening.

    First thing, inside of templates, I created a new collection.  After that, I created a new section that the template references.

    Below is the code for that page.  I put comments in about Pre collection content as well as Post collection content (line 31 and 131)
    There is probably a better way to do this, but this is how I did it, ha!

     

    {% paginate collection.products by section.settings.pagination_limit %}

    <divclass="page-header">
    <divclass="training-collection-banner">
    <divclass="header-center">
    <divclass="centerdiv fademe">
    <h1class="text-white big-text bold">Holds + Training Sale</h1>
    </div>
    </div>
    </div>
    </div>

    {% if collection.image %}
    <imgsrc="{{ collection.image | img_url: '100x' }}"
    alt="{{ collection.image.alt }}"
    data-src="{{ collection.image | img_url: '2048x' }}"
    class="lazyload lazyload--fade-in full-width-image"
    sizes="100vw"
    srcset=" {{ collection.image | img_url: '2048x' }} 2048w,
    {{ collection.image | img_url: '1600x' }} 1600w,
    {{ collection.image | img_url: '1200x' }} 1200w,
    {{ collection.image | img_url: '1000x' }} 1000w,
    {{ collection.image | img_url: '800x' }} 800w,
    {{ collection.image | img_url: '600x' }} 600w,
    {{ collection.image | img_url: '400x' }} 400w"
    />
    {% endif%}

    <divstyle="background-color: white; margin-bottom: -2.5em;"class="outer-edge-shadow">
    <divclass="container main product-content parallax-content">
    <!-- pre collection image/text starts here -->
    <br>
    <divclass="sixteen columns breadcrumb clearfix">
    <center><h2style="font-weight: 900;">Shop our latest Holds + Training sale</h2></center>
    <!-- pre collection image/text ends here -->
    <hr>
    <divclass="eight columns breadcrumb_text alpha">
    {% if section.settings.collection_breadcrumb %}
    <spanitemprop="itemListElement"itemscopeitemtype="http://schema.org/ListItem"><ahref="{{ shop.url }}"title="{{ shop.name | escape }}"itemprop="item"><spanitemprop="name">{{'general.breadcrumbs.home' | t }}</span></a></span>
    &nbsp; / &nbsp;
    <spanitemprop="itemListElement"itemscopeitemtype="http://schema.org/ListItem"><ahref="{{ collection.url }}"title="{{ collection.title | escape }}"itemprop="item"><spanitemprop="name">{{ collection.title }}</span></a></span>
    {% if current_tags %}
    {% for tag in current_tags %}
    &nbsp; / &nbsp;
    <spanitemprop="itemListElement"itemscopeitemtype="http://schema.org/ListItem"><ahref="/collections/{% if collection.handle != blank%}{{ collection.handle }}{% else%}all{% endif%}/{{ tag | handleize }}"title="{{ tag | escape }}"itemprop="item"><spanitemprop="name">{{ tag }}</span></a></span>
    {% endfor%}
    {% endif%}

    {% if paginate.pages != 0%}
    &nbsp; / &nbsp; {{'general.breadcrumbs.page' | t: current_page: paginate.current_page, pages: paginate.pages }}
    {% endif%}
    {% else%}
    &nbsp;
    {% endif%}
    </div>

    {% if collection.handle != blank and collection.products_count > 0%}
    {% if section.settings.collection_tags %}
    <divclass="four columns section_select {% unless section.settings.collection_sort %}offset-by-four omega{% endunless%}">
    {% for tag in collection.all_tags %}
    {% if forloop.first %}
    <labelfor="tag_filter"class="inline">{{'collections.sorting.filter' | t }}: </label>
    <selectname="tag_filter"id="tag_filter">
    <option{% unless current_tags %}selected="selected"{% endunless%}value="{% if collection.handle == "all" %}/collections/all{% else%}{{ collection.url }}{% endif%}">{{'collections.general.all_collection_title' | t: title: collection.title }}</option>
    {% endif%}

    {% unless tag contains 'meta-related-collection-'%}
    <option{% if current_tags contains tag %}selected="selected"{% endif%}value="/collections/{% if collection.handle != blank%}{{ collection.handle }}{% else%}all{% endif%}/{{ tag | handleize }}">{{ tag }}</option>
    {% endunless%}

    {% if forloop.last %}
    </select>
    {% endif%}
    {% endfor%}
    </div>
    {% endif%}

    {% if section.settings.collection_sort %}
    <divclass="four columns section_select omega {% unless section.settings.collection_tags %}offset-by-four{% endunless%}">
    <labelfor="sort-by"class="inline">{{'collections.sorting.title' | t }}: </label>
    <selectid="sort-by"data-default-sort="{{ collection.sort_by | default: collection.default_sort_by }}">
    <optionvalue="manual">{{'collections.sorting.featured' | t }}</option>
    <optionvalue="best-selling">{{'collections.sorting.best_selling' | t }}</option>
    <optionvalue="title-ascending">{{'collections.sorting.az' | t }}</option>
    <optionvalue="title-descending">{{'collections.sorting.za' | t }}</option>
    <optionvalue="price-ascending">{{'collections.sorting.price_ascending' | t }}</option>
    <optionvalue="price-descending">{{'collections.sorting.price_descending' | t }}</option>
    <optionvalue="created-descending">{{'collections.sorting.date_descending' | t }}</option>
    <optionvalue="created-ascending">{{'collections.sorting.date_ascending' | t }}</option>
    </select>
    </div>
    {% endif%}
    {% endif%}
    </div>

    {% comment %}Check to see if sidebar should be enabled{% endcomment %}
    {% if section.blocks.size > 0%}
    {% assign sidebar = true%}
    {% else%}
    {% assign sidebar = false%}
    {% endif%}

    {% if sidebar %}
    {% include'sidebar'%}
    <divclass="twelve columns">
    {% else%}
    <divclass="sixteen columns">
    {% endif%}

    {% if section.settings.display_collection_title %}
    <h1>{{ collection.title }}</h1>
    {% endif%}

    {% if collection.description != blank%}
    <divclass="section clearfix collection_description">
    {{ collection.description }}
    </div>
    {% endif%}

    {% if collection.products.size > 0%}
    {% assign products = collection.products %}
    {% assign products_per_row = section.settings.products_per_row %}
    {% include'product-loop', sidebar: sidebar %}
    {% endif%}

    {% include'pagination', sidebar: sidebar %}
    </div>
    {% endpaginate%}
    </div>
    </div>
    <!-- post collection image/text starts here -->
    <divstyle="background-color: white; margin-bottom: -2.5em;">
    <divclass="container main product-content parallax-content"style="padding-top:40px; margin-top:40px;">
    <divclass="featured_links_style--underline container"style="padding: 0px;">
    <divclass="sixteen columns breadcrumb clearfix">
    <center><h2style="font-weight: 900;">All Holds Are Automatically 15% Off At Checkout + Free Continental U.S. Shipping Over $99</h2></center>
    <center><divclass="featured-links_style--underline container"style="padding-bottom: 60px;">
    <divclass="sixteen columns featured_links">
    <divclass="hide-over-768">
    <divclass="image_container">
    <span>15% Off Holds</span>
    </div>
    </a>
    </div>
    <divclass="hide-under-767">
    </a>
    </div>
    </div>
    </div>
    </center>
    </div>
    </div>
    </div>
    </div>
    <!-- post collection image/text ends here -->
    </div>
    {%schema%}

    {
    "name": "Collection banner",
    "class": "collection-template-section collection-banner-template-section",
    "settings": [
    {
    "type": "range",
    "id": "products_per_row",
    "label": "Products per row",
    "min": 2,
    "max": 4,
    "step": 1,
    "default": 3
    },
    {
    "type": "range",
    "id": "pagination_limit",
    "label": "Products per page",
    "min": 2,
    "max": 50,
    "step": 1,
    "default": 48
    },
    {
    "type": "checkbox",
    "id": "collection_breadcrumb",
    "label": "Show breadcrumb links",
    "default": true
    },
    {
    "type": "checkbox",
    "id": "display_collection_title",
    "label": "Show collection title",
    "default": true
    },
    {
    "type": "checkbox",
    "id": "collection_tags",
    "label": "Enable filtering by product tag"
    },
    {
    "type": "checkbox",
    "id": "collection_sort",
    "label": "Enable collection sorting"
    },
    {
    "type": "header",
    "content": "Sidebar"
    },
    {
    "type": "paragraph",
    "content": "Create a sidebar by adding content blocks."
    },
    {
    "type": "checkbox",
    "id": "toggle",
    "label": "Toggle sidebar content"
    }
    ],
    "blocks": [
    {
    "type": "filter_by_tag",
    "name": "Tag list",
    "limit": 1
    },
    {
    "type": "filter_by_collection",
    "name": "Collection list",
    "limit": 1
    },
    {
    "type": "filter_by_type",
    "name": "Type list",
    "limit": 1
    },
    {
    "type": "filter_by_vendor",
    "name": "Vendor list",
    "limit": 1
    },
    {
    "type": "menu",
    "name": "Menu",
    "settings": [
    {
    "type": "link_list",
    "id": "custom_menu_linklist",
    "label": "Menu"
    }
    ]
    },
    {
    "type": "text",
    "name": "Text",
    "settings": [
    {
    "type": "text",
    "id": "title",
    "label": "Heading",
    "default": "Heading"
    },
    {
    "type": "richtext",
    "id": "text",
    "label": "Text",
    "default": "<p>Text area can be used for special announcements or general information.</p>"
    }
    ]
    },
    {
    "type": "page",
    "name": "Page",
    "settings": [
    {
    "type": "page",
    "id": "content_page",
    "label": "Page"
    }
    ]
    }
    ]
    }

    {%endschema%}
    0
    Comment actions Permalink
  • Avatar
    Allison

    Sort of.  I might be able to work with that, I'll give it a try.  Thanks Paul!

    0
    Comment actions Permalink

Please sign in to leave a comment.