スマホでの商品レイアウト変更の仕方とカスタム投稿タイプのアーカイブページが表示されない件に

フォーラム 使い方全般 スマホでの商品レイアウト変更の仕方とカスタム投稿タイプのアーカイブページが表示されない件に

  • このトピックには1件の返信、2人の参加者があり、最後にhsasakiにより5年前に更新されました。
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #88376
    popon207
    参加者

    ——————————————-
    WordPress のバージョン:5.1.2
    Welcart のバージョン:1.9.20
    PHP のバージョン:7.1
    Welcart専用の拡張プラグインとバージョン:Image Uploader for Welcartバージョン 1.4.5
    ご利用のテーマ:WALDEN
    症状を確認したブラウザ:Google Chrome
    サーバー:ロリポップ、スタンダードプラン
    SSLの利用:常時SSL
    ——————————————–

    対象のサイト: https://malrerere.com/

    お世話になっております。

    2点質問させてください。

    ①商品ページのスマホでの表示を、横に商品が2つ並ぶように設定をしたいのですが
    どのように設定すればよいでしょうか。
    (現在は商品が1つずつ縦に並んでいる状態です)
    対象のページ: https://malrerere.com/category/item/

    ②カスタム投稿タイプで「ブログ」というラベルをつくり、スラッグを「official_blog」としたのですが、
    アーカイブページに投稿記事が表示されません。
    https://malrerere.com/official_blog/

    なにか特別な設定が必要でしょうか。

    大変恐れ入りますが、ご教授いただけると幸いです。
    どうぞよろしくお願いいたします。

    #88379
    hsasaki
    キーマスター

    ① については、
    CSSを追加で対応出来ます。
    下記コードを外観→カスタマイズ→追加CSSに貼り付けてください。
    該当のページのみのコードになります。

    @media only screen and (max-width: 768px) {
    #content .thumbindex {
    width: calc(100% + 20px);
    }
    }
    @media only screen and (max-width: 479px) {
    #content .thumbnail_box {
    width: calc(50% - 20px);
    display: inline-block;
    margin: 0 20px 10px 0;
    }
    }

    ② については、
    こちらのサイトを参考にしてください。
    https://www.1-firststep.com/archives/6834

2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。