Shopify テーマ、Liquid、ロゴ、その他の類似トピック
コレクションの一覧のリストですが、アルファベット順などで順番を入れ替えることができることは、確認しました。
でも、今回、任意の順番で表示したいです。
直接コードで書くと、モバイルとパソコンで、それぞれデザインを考慮しないと行けない予感がします。
ショップのオープンまで時間がないため、最善の方法をご教示頂けましたら幸いです。
よろしくお願いします。
解決済! ベストソリューションを見る。
成功
こちらでやり方を見つけました。
ただ、私のケースは、コレクションリストではなく、コレクションのセクションの表示なので、
slide-category.liquidを修正しました。
場所
2,17: <section class="collections-section {{ section.settings.extra-class }}">
<div class="collections-box-main">
<div class="collections-box-outer">
<div id="owl-example1" class="owl-carousel">
{%- for collection in collections -%}
<div class="collections-box">
<div class="collections-box-inner">
<!--
These control flow tags check to see if there is a featured image for a collection.
If there isn't one, then we assign the image from the first product in the collection.
-->
下記のように、入れ替えました。
<div class="collections-box-main">
<div class="collections-box-outer">
<div id="owl-example1" class="owl-carousel">
{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
<div class="collections-box">
<div class="collections-box-inner">
<!--
These control flow tags check to see if there is a featured image for a collection.
If there isn't one, then we assign the image from the first product in the collection.
-->
成功
こちらでやり方を見つけました。
ただ、私のケースは、コレクションリストではなく、コレクションのセクションの表示なので、
slide-category.liquidを修正しました。
場所
2,17: <section class="collections-section {{ section.settings.extra-class }}">
<div class="collections-box-main">
<div class="collections-box-outer">
<div id="owl-example1" class="owl-carousel">
{%- for collection in collections -%}
<div class="collections-box">
<div class="collections-box-inner">
<!--
These control flow tags check to see if there is a featured image for a collection.
If there isn't one, then we assign the image from the first product in the collection.
-->
下記のように、入れ替えました。
<div class="collections-box-main">
<div class="collections-box-outer">
<div id="owl-example1" class="owl-carousel">
{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
<div class="collections-box">
<div class="collections-box-inner">
<!--
These control flow tags check to see if there is a featured image for a collection.
If there isn't one, then we assign the image from the first product in the collection.
-->
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024