I want to embed a video and video description into the collections page but want it to be below the products. I have narrative theme. How do I do this?
Sometimes a theme will have an option like that in the customizer, but it usually requires rearranging some code. I’d be happy to take a look.
You can do this in your theme editor.
Here’s how:
-
Make sure you duplicate your live theme and work off a backup theme. If you’re not familiar with editing theme code read How to Edit Your Shopify Theme Safely first.
-
Find the file in your theme editor that shows the products. I would start by reading the code in the Template collection.liquid. That will likely have section or include with another file containing the code for the body of the page. Follow that and open that file.
-
Eventually you’ll find a loop that shows your products. It will often call for a snippet called product-card.liquid or product-grid.liquid, something like that.
-
After finding that, add a test piece of code to see where you’re at on the site. Something simple like:
THIS IS A TEST
-
Preview that and keep moving the code to experiment where you want it to show. Once you’ve got that test piece showing where you want, then replace it with the code to embed your video.
-
If you only want it to show on a certain collection page, you can do something like this:
{% if collection.handle == "some-collection-handle" %}
any code here will only show at yoursite.com/collections/some-collection-handle
{% endif %}
If you get stuck and want to have this handled for you, or any other website customizations feel free to reach out to my team of professional Shopify developers at speedboostr.com/contact.
Good luck, and don’t forget to always back up your theme before making edits, in case something breaks 
1 Like
Hi @stephie_william ,
You just have to change the location of the code. Follow the instructions below.
-
Go to Admin page > Online store > themes > Actions > Edit code
-
Open the colleciton-template.liquid under the Section folder
-
Find the code below. Highlight it and Ctrl + X to cut.
{% if collection.description != blank %}
{{ collection.description }}
{% endif %}
See image for reference
- In the same file, find the " {% endpaginate %}", and paste (Ctrl + V) the code above the . Refer to image for placement.
See image below for reference after placement
For the whole code of the customized collection-template ( “theme_version”: “10.6.1”), please refer below.
{%- assign limit = section.settings.products | times: section.settings.rows -%}
{%- assign totalProducts = collection.products.size -%}
{% paginate collection.products by limit %}
{% if section.settings.collection_hero_image and collection.image %}
{% endif %}
{%- assign desktopColumns = section.settings.products -%}
{%- assign mobileColumns = '1' -%}
{%- capture gridClasses -%}
{% if desktopColumns == '3' and totalProducts > 2 %}medium-up--one-third {% else %}medium-up--one-half {% endif %}
{% if mobileColumns == '2' %}small--one-half {% endif %}
{%- endcapture -%}
{% for product in collection.products %}
{% include 'product-card', product: product, grid_style: section.settings.grid_style %}
{% endfor %}
{% if collection.products.size == 0 %}
{{ 'collections.general.no_matches' | t }}
{% endif %}
{% if paginate.pages > 1 %}
{% include 'pagination' %}
{% endif %}
{% if collection.description != blank %}
{{ collection.description }}
{% endif %}
{% endpaginate %}
{% schema %}
{
"name": {
"cs": "Kolekce",
"da": "Kollektion",
"de": "Kategorie",
"en": "Collection",
"es": "Colección",
"fi": "Kokoelma",
"fr": "Collection",
"it": "Collezione",
"ja": "コレクション",
"ko": "컬렉션",
"nb": "Samling",
"nl": "Collectie",
"pl": "Kolekcja",
"pt-BR": "Coleção",
"pt-PT": "Coleção",
"sv": "Produktserie",
"th": "คอลเลกชัน",
"tr": "Koleksiyon",
"vi": "Bộ sưu tập",
"zh-CN": "收藏",
"zh-TW": "商品系列"
},
"settings": [
{
"type": "select",
"id": "products",
"label": {
"cs": "Počet produktů na řádek",
"da": "Produkter pr. række",
"de": "Produkte pro Reihe",
"en": "Products per row",
"es": "Productos por fila",
"fi": "Tuotteita per rivi",
"fr": "Produits par rangée",
"it": "Prodotti per riga",
"ja": "行あたりの商品数",
"ko": "열 별 제품",
"nb": "Produkter per rad",
"nl": "Producten per rij",
"pl": "Liczba produktów na wiersz",
"pt-BR": "Produtos por linha",
"pt-PT": "Produtos por linha",
"sv": "Produkter per rad",
"th": "สินค้าต่อแถว",
"tr": "Satır başına ürün",
"vi": "Số sản phẩm trên một hàng",
"zh-CN": "每行产品数",
"zh-TW": "每列產品數"
},
"default": "2",
"options": [
{
"value": "2",
"label": {
"cs": "2",
"da": "2",
"de": "2",
"en": "2",
"es": "2",
"fi": "2",
"fr": "2",
"it": "2",
"ja": "2",
"ko": "2",
"nb": "2",
"nl": "2",
"pl": "2",
"pt-BR": "2",
"pt-PT": "2",
"sv": "2",
"th": "2",
"tr": "2",
"vi": "2",
"zh-CN": "2",
"zh-TW": "2"
}
},
{
"value": "3",
"label": {
"cs": "3",
"da": "3",
"de": "3",
"en": "3",
"es": "3",
"fi": "3",
"fr": "3",
"it": "3",
"ja": "3",
"ko": "3",
"nb": "3",
"nl": "3",
"pl": "3",
"pt-BR": "3",
"pt-PT": "3",
"sv": "3",
"th": "3",
"tr": "3",
"vi": "3",
"zh-CN": "3",
"zh-TW": "3"
}
}
]
},
{
"type": "select",
"id": "rows",
"label": {
"cs": "Počet řádků na stránku",
"da": "Rækker pr. side",
"de": "Reihen pro Seite",
"en": "Rows per page",
"es": "Filas por página",
"fi": "Rivejä per sivu",
"fr": "Rangées par page",
"it": "Righe per pagina",
"ja": "ページあたりの行数",
"ko": "페이지 별 열",
"nb": "Rader per side",
"nl": "Rijen per pagina",
"pl": "Liczba wierszy na stronę",
"pt-BR": "Linhas por página",
"pt-PT": "Linhas por página",
"sv": "Rader per sida",
"th": "แถวต่อหน้า",
"tr": "Sayfa başına satır",
"vi": "Số hàng trên một trang",
"zh-CN": "每页行数",
"zh-TW": "每頁列數"
},
"default": "4",
"options": [
{
"value": "2",
"label": {
"cs": "2",
"da": "2",
"de": "2",
"en": "2",
"es": "2",
"fi": "2",
"fr": "2",
"it": "2",
"ja": "2",
"ko": "2",
"nb": "2",
"nl": "2",
"pl": "2",
"pt-BR": "2",
"pt-PT": "2",
"sv": "2",
"th": "2",
"tr": "2",
"vi": "2",
"zh-CN": "2",
"zh-TW": "2"
}
},
{
"value": "3",
"label": {
"cs": "3",
"da": "3",
"de": "3",
"en": "3",
"es": "3",
"fi": "3",
"fr": "3",
"it": "3",
"ja": "3",
"ko": "3",
"nb": "3",
"nl": "3",
"pl": "3",
"pt-BR": "3",
"pt-PT": "3",
"sv": "3",
"th": "3",
"tr": "3",
"vi": "3",
"zh-CN": "3",
"zh-TW": "3"
}
},
{
"value": "4",
"label": {
"cs": "4",
"da": "4",
"de": "4",
"en": "4",
"es": "4",
"fi": "4",
"fr": "4",
"it": "4",
"ja": "4",
"ko": "4",
"nb": "4",
"nl": "4",
"pl": "4",
"pt-BR": "4",
"pt-PT": "4",
"sv": "4",
"th": "4",
"tr": "4",
"vi": "4",
"zh-CN": "4",
"zh-TW": "4"
}
},
{
"value": "5",
"label": {
"cs": "5",
"da": "5",
"de": "5",
"en": "5",
"es": "5",
"fi": "5",
"fr": "5",
"it": "5",
"ja": "5",
"ko": "5",
"nb": "5",
"nl": "5",
"pl": "5",
"pt-BR": "5",
"pt-PT": "5",
"sv": "5",
"th": "5",
"tr": "5",
"vi": "5",
"zh-CN": "5",
"zh-TW": "5"
}
},
{
"value": "6",
"label": {
"cs": "6",
"da": "6",
"de": "6",
"en": "6",
"es": "6",
"fi": "6",
"fr": "6",
"it": "6",
"ja": "6",
"ko": "6",
"nb": "6",
"nl": "6",
"pl": "6",
"pt-BR": "6",
"pt-PT": "6",
"sv": "6",
"th": "6",
"tr": "6",
"vi": "6",
"zh-CN": "6",
"zh-TW": "6"
}
}
]
},
{
"type": "checkbox",
"id": "product_tags_enable",
"label": {
"cs": "Povolit filtrování podle štítku",
"da": "Aktivér tagfiltrering",
"de": "Tag-Filtern erlauben",
"en": "Enable tag filtering",
"es": "Habilitar filtro de etiquetas",
"fi": "Ota tunnisteiden suodatus käyttöön",
"fr": "Activer le filtrage par balises",
"it": "Attiva filtro tag",
"ja": "タグでの絞り込みを有効にする",
"ko": "태그 필터링 사용",
"nb": "Aktiver taggfiltrering",
"nl": "Filteren op tags inschakelen",
"pl": "Włącz filtrowanie tagów",
"pt-BR": "Habilitar filtragem de tag",
"pt-PT": "Ativar filtragem por etiqueta",
"sv": "Aktivera taggfiltrering",
"th": "เปิดใช้การกรองแท็ก",
"tr": "Etiket filtrelemeyi etkinleştir",
"vi": "Bật lọc thẻ",
"zh-CN": "启用标签筛选",
"zh-TW": "啟用標籤篩選功能"
}
},
{
"type": "checkbox",
"id": "product_sorting_enable",
"label": {
"cs": "Povolit řazení kolekcí",
"da": "Aktivér sortering af kollektioner",
"de": "Kategoriesortierung aktivieren",
"en": "Enable collection sorting",
"es": "Habilitar la la función ordenar colecciones",
"fi": "Ota kokoelman lajittelu käyttöön",
"fr": "Activer le tri de la collection",
"it": "Abilita ordinamento collezione",
"ja": "コレクションの並べ替えを有効にする",
"ko": "컬렉션 정렬 사용",
"nb": "Aktiver sortering av samlinger",
"nl": "Sorteren op collectie inschakelen",
"pl": "Włącz sortowanie kolekcji",
"pt-BR": "Habilitar a organização de coleções",
"pt-PT": "Ativar ordenação de coleção",
"sv": "Aktivera produktseriesortering",
"th": "เปิดใช้การเรียงลำดับคอลเลกชัน",
"tr": "Koleksiyon sıralamayı etkinleştir",
"vi": "Bật sắp xếp bộ sưu tập",
"zh-CN": "启用产品系列排序",
"zh-TW": "啟用商品系列排序功能"
}
},
{
"type": "header",
"content": {
"cs": "Obrázek kolekce",
"da": "Kollektionsbillede",
"de": "Kategoriebild",
"en": "Collection image",
"es": "Imagen de colección",
"fi": "Kokoelman kuva",
"fr": "Image de la collection",
"it": "Immagine collezione",
"ja": "コレクションの画像",
"ko": "컬렉션 이미지",
"nb": "Samlingsbilde",
"nl": "Afbeelding collectie",
"pl": "Obraz kolekcji",
"pt-BR": "Imagem da coleção",
"pt-PT": "Imagem da coleção",
"sv": "Produktseriebild",
"th": "รูปภาพคอลเลกชัน",
"tr": "Koleksiyon görseli",
"vi": "Hình ảnh bộ sưu tập",
"zh-CN": "产品系列图片",
"zh-TW": "商品系列圖片"
}
},
{
"type": "checkbox",
"id": "collection_hero_image",
"label": {
"cs": "Zobrazit obrázek kolekce",
"da": "Vis kollektionsbillede",
"de": "Kategoriebild anzeigen",
"en": "Show collection image",
"es": "Mostrar imagen de la colección",
"fi": "Näytä kokoelman kuva",
"fr": "Afficher l'image de la collection",
"it": "Mostra immagine collezione",
"ja": "コレクションの画像を表示する",
"ko": "컬렉션 이미지 표시",
"nb": "Vis samlingsbilde",
"nl": "Collectieafbeelding weergeven",
"pl": "Pokaż obraz kolekcji",
"pt-BR": "Mostrar imagem da coleção",
"pt-PT": "Mostrar imagem da coleção",
"sv": "Visa produktseriebild",
"th": "แสดงรูปภาพคอลเลกชัน",
"tr": "Koleksiyon görselini göster",
"vi": "Hiển thị hình ảnh bộ sưu tập",
"zh-CN": "显示产品系列图片",
"zh-TW": "顯示商品系列圖片"
}
},
{
"type": "checkbox",
"id": "collection_hero_image_parallax",
"label": {
"cs": "Zobrazit paralaxní animaci obrázku kolekce",
"da": "Vis parallakse animationer for kollektionsbillede",
"de": "Parallax-Animation für Kategoriebild anzeigen",
"en": "Show collection image parallax animation",
"es": "Mostrar animación de paralaje de imagen de colección",
"fi": "Näytä kokoelmakuvaparallaksianimaatio",
"fr": "Afficher l'image de la collection animée en parallaxe",
"it": "Mostra animazione parallasse immagine collezione",
"ja": "コレクション画像のパララックスアニメーションを表示する",
"ko": "컬렉션 이미지 패럴랙스 애니메이션 표시",
"nb": "Vis parallakse animasjoner for samlingsbilder",
"nl": "Parallax-animatie voor collectieafbeelding weergeven",
"pl": "Pokaż animację paralaksy obrazu kolekcji",
"pt-BR": "Mostrar animação de paralaxe na imagem da coleção",
"pt-PT": "Mostrar animação de paralaxe da imagem da coleção",
"sv": "Visa bildparallaxanimering för produktserie",
"th": "แสดงการเคลื่อนไหวคอลเลกชันภาพพารัลแลกซ์",
"tr": "Koleksiyon görseli paralaks animasyonunu göster",
"vi": "Hiển thị hiệu ứng động parallax hình ảnh bộ sưu tập",
"zh-CN": "显示产品系列图片视差动画",
"zh-TW": "顯示商品系列圖片的視差捲動動畫"
}
},
{
"type": "header",
"content": {
"cs": "Produkty",
"da": "Produkter",
"de": "Produkte",
"en": "Products",
"es": "Productos",
"fi": "Tuotteet",
"fr": "Produits",
"it": "Prodotti",
"ja": "商品",
"ko": "제품",
"nb": "Produkter",
"nl": "Producten",
"pl": "Produkty",
"pt-BR": "Produtos",
"pt-PT": "Produtos",
"sv": "Produkter",
"th": "สินค้า",
"tr": "Ürünler",
"vi": "Sản phẩm",
"zh-CN": "产品",
"zh-TW": "產品"
}
},
{
"type": "select",
"id": "grid_style",
"label": {
"cs": "Styl mřížky",
"da": "Gittertypografi",
"de": "Rasterstil",
"en": "Grid style",
"es": "Estilo de cuadrícula",
"fi": "Ruudukkotyyli",
"fr": "Style de grille",
"it": "Stile griglia",
"ja": "グリッドスタイル",
"ko": "그리드 스타일",
"nb": "Rutenettstil",
"nl": "Rasterstijl",
"pl": "Styl siatki",
"pt-BR": "Estilo da grade",
"pt-PT": "Estilo da grelha",
"sv": "Rutnätsstil",
"th": "รูปแบบกริด",
"tr": "Izgara stili",
"vi": "Kiểu lưới",
"zh-CN": "网格样式",
"zh-TW": "網格樣式"
},
"default": "collage",
"options": [
{
"value": "collage",
"label": {
"cs": "Koláž",
"da": "Collage",
"de": "Collage",
"en": "Collage",
"es": "Collage",
"fi": "Kollaasi",
"fr": "Collage",
"it": "Collage",
"ja": "コラージュ",
"ko": "콜라주",
"nb": "Fotomontasje",
"nl": "Collage",
"pl": "Kolaż",
"pt-BR": "Colagem",
"pt-PT": "Colagem",
"sv": "Kollage",
"th": "ภาพตัดแปะ",
"tr": "Kolaj",
"vi": "Ghép",
"zh-CN": "拼贴画",
"zh-TW": "拼貼"
}
},
{
"value": "grid",
"label": {
"cs": "Mřížka",
"da": "Gitter",
"de": "Raster",
"en": "Grid",
"es": "Cuadrícula",
"fi": "Ruudukko",
"fr": "Grille",
"it": "Griglia",
"ja": "グリッド",
"ko": "그리드",
"nb": "Rutenett",
"nl": "Grid",
"pl": "Siatka",
"pt-BR": "Grade",
"pt-PT": "Grelha",
"sv": "Rutnät",
"th": "กริด",
"tr": "Izgara",
"vi": "Lưới",
"zh-CN": "网格",
"zh-TW": "網格"
}
}
]
},
{
"type": "checkbox",
"id": "show_spacing",
"label": {
"cs": "Povolit rozestupy mezi obrázky",
"da": "Aktivér billedafstand",
"de": "Bildabstand aktivieren",
"en": "Enable image spacing",
"es": "Habilitar espaciado de imagen",
"fi": "Ota kuvien välistys käyttöön",
"fr": "Activer l'espacement des images",
"it": "Abilita spaziatura immagini",
"ja": "画像の間隔を有効にする",
"ko": "이미지 공간 추가",
"nb": "Aktiver bildeavstand",
"nl": "Afstand tussen afbeeldingen inschakelen",
"pl": "Włącz odstępy między obrazami",
"pt-BR": "Habilitar espaçamento de imagem",
"pt-PT": "Ativar espaçamento de imagens",
"sv": "Aktivera bildavstånd",
"th": "เปิดใช้การวางตำแหน่งรูปภาพ",
"tr": "Görüntü aralığını etkinleştir",
"vi": "Bật giãn cách hình ảnh",
"zh-CN": "启用图片间距",
"zh-TW": "啟用圖片間距"
}
},
{
"type": "checkbox",
"id": "show_vendor",
"label": {
"cs": "Zobrazit dodavatele produktu",
"da": "Vis produktleverandør",
"de": "Produktanbieter anzeigen",
"en": "Show product vendor",
"es": "Mostrar proveedor del producto",
"fi": "Näytä tuotteen myyjä",
"fr": "Afficher le distributeur du produit",
"it": "Mostra fornitore prodotto",
"ja": "商品の販売元を表示する",
"ko": "제품 공급 업체 표시",
"nb": "Vis produktleverandør",
"nl": "Productleverancier weergeven",
"pl": "Pokaż dostawcę produktu",
"pt-BR": "Mostre o fabricante do produto",
"pt-PT": "Mostrar fornecedor do produto",
"sv": "Visa produktleverantör",
"th": "แสดงผู้ขายสินค้า",
"tr": "Ürün satıcısını göster",
"vi": "Hiển thị nhà cung cấp sản phẩm",
"zh-CN": "显示产品厂商",
"zh-TW": "顯示產品廠商"
},
"default": true
}
]
}
{% endschema %}
woohoo! My savior! Thanks!
1 Like