FROM CACHE - jp_header

デフォルトのテーマです。コレクションリストの表示順番を任意のものにしたい

解決済

デフォルトのテーマです。コレクションリストの表示順番を任意のものにしたい

mk777
探検家
52 13 2

コレクションの一覧のリストですが、アルファベット順などで順番を入れ替えることができることは、確認しました。

でも、今回、任意の順番で表示したいです。

直接コードで書くと、モバイルとパソコンで、それぞれデザインを考慮しないと行けない予感がします。

 

ショップのオープンまで時間がないため、最善の方法をご教示頂けましたら幸いです。

よろしくお願いします。

1 件の受理された解決策

mk777
探検家
52 13 2

成功

こちらでやり方を見つけました。

https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-...

 

ただ、私のケースは、コレクションリストではなく、コレクションのセクションの表示なので、

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.
                            -->

 

元の投稿で解決策を見る

1件の返信1

mk777
探検家
52 13 2

成功

こちらでやり方を見つけました。

https://help.shopify.com/ja/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-...

 

ただ、私のケースは、コレクションリストではなく、コレクションのセクションの表示なので、

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.
                            -->