Yoolk Liquid

Home Theme-templates Services-index

services/index.liquid

The services/index.liquid template is used to render the services of current listing.

Template Considerations

Filtering by categories

You can use serivce categories to filter a collection into smaller subsets of serivces. For example, if you are in a collection and want to only show serivces with the category “car rental”, you can do so by appending the category’s handle to the end of the serivces’s URL.

http://my-shop.yoolk.com/services/<service-id>-car rental

For more details and examples, see (tutorial).

Paginating

Yoolk limits the number of serivces that can be output per page to 12. For this reason, collections with more than 12 serivces, must use the paginate tag to split the collection into multiple pages.

{% paginate listing.serivces by 25 %}
      {% for serivce in paginate.collection %}
        <!--show serivce details here -->
      {% endfor %}
    {% endpaginate %}

Requirements for the Theme

If you’re looking to submit your theme to the Yoolk Theme, the serivces/index.liquid template of your theme must meet the following conditions:

• Serivces are listed in a grid or list, with the following attributes of the serivce variable output:

  • serivce.name (not break the layout when name is long and links to serivce.url)
  • serivce.price
  • service.description
  • serivce.cover_photo
• Must have a link to download catalog if current listing have service catalog pdf
• Serivce grid must not break even with serivce images of varying aspect ratios
• Service grid must not break even service.description or service.cover_photo is blank
• Links for filtering a collection by serivce categories (tutorial)
• Use proper pagination