パンクズのテンプレートはググればたくさん出てくるんだけど、みんな当たり前のようのコレクション名もリスト内に含まれるよって感じに言ってくる。
どうもうまく表示されないなと思ったら、商品一覧に表示させるときのリンクタグの設定がよろしくなかったもよう。
{{ product.url | within: collection }}within:collectionが必要これがないと、/product/item-nameって感じでURLにcollectionが含まれないためパンクズ側で判断ができないみたい
思った以上に簡単でした。
手順としては
① X-server側でサブドメインの設定
② Shopify側でサブメインの認証
独自ドメインを設定しているサーバー管理画面＞DNSレコード設定＞追加
でサブドメインを追加
CNAMEだけでOK。
内容の箇所はshops.myshopify.com。
すでに初期ドメインが設定されていると既存のドメイン追加が隠れているので注意
このアクションの中に隠れている。
あとは接続したいサブドメインを入力して次へ行くだけ。接続テストでOKが出てすぐに利用可能でした。
だた一覧で出すだけならば難しくないのだが、ページングするとなるとゴニョゴニョしないといけない。
色々ぐぐってもどうもうまく表示されなかったが、以下の方のソースを利用したらばっちぐー
助かりました！！
https://www.hongkiat.com/blog/wordpress-display-authors-pagination/
完全と思われていたSlickも弱点あり。
想定したレイアウト通りの枚数が設定されない場合は崩れが発生するようです。
崩れ方はレイアウト次第だと思うけど、ユーザーの心理としては枚数が少ないときは必要枚数分Cloneされてほしいけどそれは起こらずに、枚数分存在するとしてアニメーションをすることで表示外にスライドが消えてしまいこともある。
いくつかサイトを調べると
・想定枚数より少ない場合はCloneを先にしてSlick発動
・想定枚数より少ない場合はSlickのOptionを上書きして～～
みたいなことが書いてあったが、
Cloneをしてしまうと現在のスライド/総スライド数 みたいなのが破綻するし
Optionを上書きするとそれはそれで期待しない動きをしてしまった
こちらとしてはアニメーションして動くな だったのでCSSで強制的にtransformをさせなければいいと気づく。
if($('.js-gallery').children().length<4){
$('.js-gallery').addClass("pos-fixed");
}こんな感じで想定枚数より好きない場合はClassを付与
そしてそのClassがあるときはs
.slick-track {
transform: translate3d(0,0,0) !important;
}こうすればいいっぽいね
表題の通りCPT UIなどでカスタム投稿を作って、カテゴリを（タクソノミー）を設定して、投稿をするとそれぞれのURLが気持ち悪い。
カテゴリ（タクソノミー）一覧が気持ち悪い。
なぜおまえだけカスタム投稿で設定したスラッグじゃなく、自分のスラッグを利用するのか。考えれば間違ってはいないんだがユーザー目線だとそこだけずれるっていうのはおかしいだろうと。
どうしようもないんだろうなと思っていたけど、最高なサイトを発見しました。
https://wordpress-cafe.com/wordpress/custom_taxonomy_permalink/
これのCですね。
ずっとやりたかった。
ありがとうございました。
段落ですよ
$slider.on('init', function(slick){
console.log('init');
});何度書き直してもうまくいかないと思ったら、slickを設定するより前に記載しないとけないらしい。
$slider.on('init', function(slick){
console.log('init');
});
$slider.slick({ ゴニョこの順番
なかなかドツボにはまったよ
slick bxslider をためしたが
slick
無限にアニメーションを続ける設定をするとスワイプ機能が死んだ
bx slider
同様にスワイプ機能が死んだ
swiper
今のところうまく動きそう。忘れちゃいけない設定が、スワイプ後に自動アニメーションが切れるのがデフォルトの設定のようなのでoptionで
autoplay: {
delay: 0,
disableOnInteraction: false,
},disableOnInteraction falseを設定すること。