FREE SHIPPING TO ENTIRE US (OVER $50)

Collection: CBD Capsules

{% case section.settings.grid %}
{% when 2 %}
{%- assign max_height = 530 -%}
{% when 3 %}
{%- assign max_height = 345 -%}
{% when 4 %}
{%- assign max_height = 250 -%}
{% when 5 %}
{%- assign max_height = 195 -%}
{% endcase %}

{% if section.settings.layout == 'grid' %}
{%- assign limit = section.settings.grid | times: section.settings.rows -%}
{% else %}
{%- assign limit = 16 -%}
{% endif %}

{% paginate collection.products by limit %}

<div data-section-id="{{ section.id }}" data-section-type="collection-template">
<header class="collection-header">
{%- assign is_filter_by_available = false -%}
{%- if section.settings.tags_enable and collection.all_tags.size > 0 -%}
{%- assign is_filter_by_available = true -%}
{%- endif -%}

{% if section.settings.show_collection_image and collection.image %}
<div class="collection-hero">
<div class="collection-hero__image ratio-container lazyload js"
data-bgset="{% include 'bgset', image: collection.image %}"
data-sizes="auto"
data-parent-fit="cover"
style="background-image: url('{{ collection.image | img_url: '300x300' }});"></div>
<noscript>
<div class="collection-hero__image" style="background-image: url({{ collection.image | img_url: '2048x600', crop: 'top' }});"></div>
</noscript>
<div class="collection-hero__title-wrapper">
<h1 class="collection-hero__title page-width">
<span role="text">
<span class="visually-hidden">{{ 'collections.general.collection_label' | t }}: </span>
{{ collection.title }}
</span>
</h1>
</div>
</div>
{% if is_filter_by_available == false and section.settings.sort_enable == false %}
<div class="page-width">
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
</div>
{% endif %}
{% else %}
<div class="page-width">
<div class="section-header text-center">
<h1>
<span role="text">
<span class="visually-hidden">{{ 'collections.general.collection_label' | t }}: </span>
{{ collection.title }}
</span>
</h1>
{% if is_filter_by_available == false and section.settings.sort_enable == false %}
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
{% endif %}
</div>
</div>
{% endif %}

{% if is_filter_by_available or section.settings.sort_enable %}
<div class="filters-toolbar-wrapper{% if is_filter_by_available %} filters-toolbar--has-filter{% endif %}">
<div class="page-width">
<div class="filters-toolbar">
<div class="filters-toolbar__item-wrapper">
{% if section.settings.tags_enable %}
{% unless collection.all_tags.size == 0 %}
<div class="filters-toolbar__item-child">
<label class="filters-toolbar__label" for="FilterTags">{{ 'collections.filters.title_tags' | t }}</label>
<div class="filters-toolbar__input-wrapper">
<select class="filters-toolbar__input hidden" name="FilterTags" id="FilterTags" aria-describedby="warning-text">
{% if current_tags %}
{% if collection.handle %}
<option value="/collections/{{ collection.handle }}">{{ 'collections.filters.all_tags' | t }}</option>
{% elsif collection.current_type %}
<option value="{{ collection.current_type | url_for_type }}">{{ 'collections.filters.all_tags' | t }}</option>
{% elsif collection.current_vendor %}
<option value="{{ collection.current_vendor | url_for_vendor }}">{{ 'collections.filters.all_tags' | t }}</option>
{% endif %}
{% else %}
<option value="">{{ 'collections.filters.all_tags' | t }}</option>
{% endif %}
{% for tag in collection.all_tags %}
<option value="/collections/{% if collection.handle != blank %}{{ collection.handle }}{% else %}all{% endif %}/{{ tag | handleize }}"{% if current_tags contains tag %} selected="selected"{% endif %}>{{ tag }}</option>
{% endfor %}
</select>
{% include 'icon-chevron-down' %}
</div>
</div>
{% endunless %}
{% endif %}

{% if section.settings.sort_enable %}
<div class="filters-toolbar__item-child">
{%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%}
<label class="filters-toolbar__label" for="SortBy">{{ 'collections.sorting.title' | t }}</label>
<div class="filters-toolbar__input-wrapper">
<select name="SortBy" id="SortBy" class="filters-toolbar__input hidden" aria-describedby="warning-text">
<option value="manual"{% if sort_by == "manual" %} selected="selected"{% endif %}>{{ 'collections.sorting.featured' | t }}</option>
<option value="best-selling"{% if sort_by == "best-selling" %} selected="selected"{% endif %}>{{ 'collections.sorting.best_selling' | t }}</option>
<option value="title-ascending"{% if sort_by == "title-ascending" %}selected="selected"{% endif %}>{{ 'collections.sorting.az' | t }}</option>
<option value="title-descending"{% if sort_by == "title-descending" %} selected="selected"{% endif %}>{{ 'collections.sorting.za' | t }}</option>
<option value="price-ascending"{% if sort_by == "price-ascending" %} selected="selected"{% endif %}>{{ 'collections.sorting.price_ascending' | t }}</option>
<option value="price-descending"{% if sort_by == "price-descending" %} selected="selected"{% endif %}>{{ 'collections.sorting.price_descending' | t }}</option>
<option value="created-descending"{% if sort_by == "created-descending" %} selected="selected"{% endif %}>{{ 'collections.sorting.date_descending' | t }}</option>
<option value="created-ascending"{% if sort_by == "created-ascending" %} selected="selected"{% endif %}>{{ 'collections.sorting.date_ascending' | t }}</option>
</select>
{% include 'icon-chevron-down' %}
</div>
<input id="DefaultSortBy" type="hidden" value="{{ collection.default_sort_by }}">
</div>
<div id="warning-text" hidden>{{ 'collections.sorting.warning_message' | t }}</div>
{% endif %}
</div>

<div class="filters-toolbar__item filters-toolbar__item--count">
<span class="filters-toolbar__product-count">{{ 'collections.general.items_with_count' | t: count: collection.products_count }}</span>
</div>
</div>
</div>
</div>
{% endif %}
</header>

<div class="page-width" id="Collection">
{% if section.settings.layout == 'grid' %}
{% case section.settings.grid %}
{% when 2 %}
{%- assign grid_item_width = 'medium-up--one-half' -%}
{% when 3 %}
{%- assign grid_item_width = 'small--one-half medium-up--one-third' -%}
{% when 4 %}
{%- assign grid_item_width = 'small--one-half medium-up--one-quarter' -%}
{% when 5 %}
{%- assign grid_item_width = 'small--one-half medium-up--one-fifth' -%}
{% endcase %}

<ul class="grid grid--uniform{% if collection.products_count > 0 %} grid--view-items{% endif %}">
{% for product in collection.products %}
<li class="grid__item grid__item--{{section.id}} {{ grid_item_width }}">
{% include 'product-card-grid', max_height: max_height %}
</li>
{% else %}
{% comment %}
Add default products to help with onboarding for collections/all only.

The onboarding styles and products are only loaded if the
store has no products.
{% endcomment %}
{% if collection.handle == 'all' and collection.all_vendors.size == 0 and collection.all_types.size == 0 %}
<li class="grid__item">
<div class="grid grid--uniform">
{% for i in (1..limit) %}
<div class="grid__item {{ grid_item_width }}">
<div class="grid-view-item">
<a href="#" class="grid-view-item__link">
<div class="grid-view-item__image">
{% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
</div>
<div class="h4 grid-view-item__title">{{ 'homepage.onboarding.product_title' | t }}</div>
<div class="grid-view-item__meta">
<span class="product-price__price">$19.99</span>
</div>
</a>
</div>
</div>
{% endfor %}
</div>
</li>
{% else %}
{%- assign is_empty_collection = true -%}
{% endif %}
{% endfor %}
</ul>
{% else %}
<ul class="list-view-items">
{% for product in collection.products %}
<li class="list-view-item">
{% include 'product-card-list', product: product %}
</li>
{% else %}

{% comment %}
Add default products to help with onboarding for collections/all only.

The onboarding styles and products are only loaded if the
store has no products.
{% endcomment %}
{% if collection.handle == 'all' and collection.all_vendors.size == 0 and collection.all_types.size == 0%}
{% for i in (1..4) %}
<li class="list-view-item">
<a href="#" class="list-view-item__link">
<div class="list-view-item__image-column">
<div class="list-view-item__image-wrapper">
<div class="list-view-item__image">
{% capture current %}{% cycle 1, 2, 3, 4 %}{% endcapture %}
{{ 'product-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
</div>
</div>
</div>

<div class="list-view-item__title-column">
<div class="list-view-item__title">{{ 'homepage.onboarding.product_title' | t }}</div>
</div>

<div class="list-view-item__price-column">
<span class="product-price__price">$19.99</span>
</div>
</a>
</li>
{% endfor %}
{% else %}
{%- assign is_empty_collection = true -%}
{% endif %}
{% endfor %}
</ul>
{% endif %}

{% if is_empty_collection %}
<div class="grid__item small--text-center">
<p class="text-center">{{ 'collections.general.no_matches' | t }}</p>
</div>
{% endif %}

{% if paginate.pages > 1 %}
{% include 'pagination' %}
{% endif %}
</div>
{% if collection.description != blank %}
<div class="rte collection-description page-width">
{{ collection.description }}
</div>
{% endif %}
</div>

{% endpaginate %}

{% schema %}
{
"name": {
"en": "Collection pages",
"de": "Kategorie-Seiten",
"fr": "Pages de collections",
"it": "Pagine delle collezioni",
"ja": "コレクションページ",
"es": "Páginas de colección",
"pt-BR": "Páginas de coleções"
},
"settings": [
{
"type": "select",
"id": "layout",
"label": {
"en": "Layout",
"de": "Layout",
"fr": "Mise en page",
"it": "Layout",
"ja": "レイアウト",
"es": "Diseño",
"pt-BR": "Layout"
},
"default": "grid",
"options": [
{
"value": "grid",
"label": {
"en": "Grid",
"de": "Raster",
"fr": "Grille",
"it": "Griglia",
"ja": "グリッド",
"es": "Cuadrícula",
"pt-BR": "Grade"
}
},
{
"value": "list",
"label": {
"en": "List",
"de": "Liste",
"fr": "Liste",
"it": "Elenco",
"ja": "リスト",
"es": "Lista",
"pt-BR": "Lista"
}
}
]
},
{
"type": "range",
"id": "grid",
"label": {
"en": "Products per row (grid only)",
"de": "Produkte per Reihe (nur Raster)",
"fr": "Produits par rangée (grille uniquement)",
"it": "Prodotti per riga (solo griglia)",
"ja": "行あたりの商品数(グリッドのみ)",
"es": "Productos por fila (solo cuadrícula)",
"pt-BR": "Produtos por linha (somente grade)"
},
"default": 4,
"min": 2,
"max": 5,
"step": 1
},
{
"type": "range",
"id": "rows",
"label": {
"en": "Rows per page (grid only)",
"de": "Reihen per Seite (nur Raster)",
"fr": "Rangées par page (grille uniquement)",
"it": "Righe per pagina (solo griglia)",
"ja": "ページあたりの行数(グリッドのみ)",
"es": "Filas por página (solo cuadrícula)",
"pt-BR": "Linhas por página (somente grade)"
},
"default": 2,
"min": 2,
"max": 8,
"step": 1
},
{
"type": "checkbox",
"id": "show_collection_image",
"label": {
"en": "Show collection image",
"de": "Kategorie-Foto anzeigen",
"fr": "Afficher l'image de la collection",
"it": "Mostra immagine collezione",
"ja": "コレクションの画像を表示する",
"es": "Mostrar imagen de la colección",
"pt-BR": "Exibir imagem da coleção"
},
"default": true
},
{
"type": "checkbox",
"id": "show_vendor",
"label": {
"en": "Show product vendors",
"de": "Produkt-Lieferanten anzeigen",
"fr": "Afficher les vendeurs",
"it": "Mostra fornitori prodotto",
"ja": "商品の販売元を表示する",
"es": "Mostrar proveedores del producto",
"pt-BR": "Exibir fornecedores do produto"
},
"default": false
},
{
"type": "checkbox",
"id": "sort_enable",
"label": {
"en": "Enable sorting",
"de": "Sortieren erlauben",
"fr": "Activer le tri",
"it": "Permetti di ordinare",
"ja": "並べ替えを有効にする",
"es": "Habilitar la función ordenar",
"pt-BR": "Ativar classificação"
},
"default": true
},
{
"type": "checkbox",
"id": "tags_enable",
"label": {
"en": "Enable tag filtering",
"de": "Tag-Filtern erlauben",
"fr": "Activer le filtrage par balises",
"it": "Attiva filtro tag",
"ja": "タグでの絞り込みを有効にする",
"es": "Habilitar filtro de etiquetas",
"pt-BR": "Ativar filtragem de tags"
},
"default": true
}
]
}
{% endschema %}
7 products
  • CBDfx: Full-Spectrum CBD Softgels - 30 Pack (750mg - 25mg/ea.)
    Vendor
    CBDfx
    Regular price
    $59.99
    Sale price
    $59.99
  • Entourage: Hemp Oil Softgels - 30mg CBD Each (30 or 60 Pack)
    Vendor
    Entourage
    Regular price
    $54.99
    Sale price
    $54.99
  • Endoca: CBD Hemp Salve for Dry Skin - 1oz. (750mg CBD)
    Vendor
    Endoca
    Regular price
    $64.99
    Sale price
    $64.99
  • Endoca: Raw Hemp CBD Capsules (10mg or 50mg) - 30 Pack
    Vendor
    Endoca
    Regular price
    $31.99
    Sale price
    $31.99
  • Endoca: Hemp CBD Capsules (10mg or 50mg) - 30 Pack
    Vendor
    Endoca
    Regular price
    $31.99
    Sale price
    $31.99
  • Tasty Hemp Oil: Hemp Softgels - CBD Capsules (30 Pack / 15mg ea.)
    Vendor
    Tasty Hemp Oil
    Regular price
    $58.99
    Sale price
    $58.99
  • Mary's Nutritionals - Elite Capsules (30)
    Vendor
    Greenlane CBD
    Regular price
    $32.97
    Sale price
    $32.97