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管理画面を通して簡単に返品や交換が行えることをご存知でしょうか?希望する場合は、お客...
By Mirai Sep 15, 2024Shopifyの請求書の支払いが失敗したという通知を受け取って驚いたことはありますか。初めての支払いでエラーが発生したり、これまで何の問題もなく支払いできていたのに突然失敗し...
By Minami_ Sep 8, 20242023年2月、Shopifyはcheckout.liquidを廃止し、Checkout Extensibilityに移行することを発表いたしました。この新しいチェックアウト...
By JasonH Aug 15, 2024