VWSとは フォーラム Lightning [ 解決済 ] JPNSTYLEとWooCommerce

[ 解決済 ] JPNSTYLEとWooCommerce

  • このトピックには14件の返信、4人の参加者があり、最後にVektor,Incにより3日、 9時間前に更新されました。
15件の投稿を表示中 - 1 - 15件目 (全15件中)
  • 投稿者
    投稿
  • #41934

    With
    参加者

    JPNSTYLEとWooCommerceで運用始めました。
    固定ページで製品一覧(shop)を作成しましたが
    文字の行間などが崩れます。
    製品一覧でブロックのようにレイアウトの設定はできるのでしょうか。

    どうぞ宜しくお願いします

    製品一覧を御社のようにきれいに表示させたい。
    製品一覧

    文字がダブる。全体的に画像も文字も小さく見える。

    【参照】
    https://www.vektor-inc.co.jp/post/
    ・プラグインWooCommerceでネットショップを作る方法
    ・WooCommerce にクレジットカード決済を導入する Stripe の設定済み。
    ・プラグイン Japanized For WooCommerce 導入済み。
    ・WooCommerce Subscriptions 導入済み。


    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #42040

    Vektor,Inc
    キーマスター

    Lightning Pro をご利用いただきありがとうございます。
    現在調査中です。
    ご不便おかけし申し訳ございません、しばらくお待ちください。

    #42081

    Vektor,Inc
    キーマスター

    Lightning Pro 7.3.3 にて修正いたしました。
    大変ご迷惑おかけして恐れ入ります。
    お手数ですがご確認よろしくお願いいたします。

    #42083

    With
    参加者

    誠にありがとうございます。

    「文字がダブる。」こちらは解決しました。

    「全体的に画像も文字も小さく見える。」
    こちらが変わりないようです。

    「製品一覧」の画像と文字が大きく見える
    こちらのページではCSSで何かされているのでしょうか?

    どうぞ宜しくお願いします。

    #42084

    石川@Vektor,Inc.
    キーマスター

    「全体的に画像も文字も小さく見える。」
    こちらが変わりないようです。

    https://www.vektor-inc.co.jp/post/

    のURLのページの文字や画像が小さいという事でしょうか?
    それともご自身のサイトが上記URLのページに比べて小さくなってしまうという事でしょうか?

    前者の場合はLightningの仕様になります。

    #42085

    With
    参加者

    先ほど
    ブロックで「すべての商品」を選んで挿入すると
    2カラム、3カラムが選べて思うようなサイズで挿入できましたが
    カートボタンの色が黒でした。へのウは出来ないのでしょうか。

    また、下にも商品が表示されてしまいます。
    このままだと使えません。

    どうすれば良いのでしょうか。

    #42088

    With
    参加者

    https://vws.vektor-inc.co.jp/store

    先ほどの質問
    こちらのサイトの画像や文字がが大きく見えます。

    これを解決するために
    Woocomerceブロックで「すべての商品」を選んで挿入しましたが
    カートボタンの色が黒でした。カートのアイコンも付いていません。
    赤色などに変更できると良いのですが。
    ブロック上のカートボタンの色変更は出来ないのでしょうか。

    #42092

    Vektor,Inc
    キーマスター

    ご連絡ありがとうございます。

    Woocomerceブロックで「すべての商品」を選んで挿入しましたが
    カートボタンの色が黒でした。カートのアイコンも付いていません。

    こちらの件は、症状を確認いたしました。
    他の商品ページのようにキーカラーで設定したカラーに変わるように検討させていただきます。

    もしお急ぎでしたら追加CSSなどに以下のように追加してください。

    .wp-block-button__link{
        background-color:#963482;
    }
    .wp-block-button__link::after{
        margin-left: .2em;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: "Font Awesome 5 Free";
        content: "\f218";
        font-weight: 900;
    }

    いかがでしょうか?

    https://vws.vektor-inc.co.jp/store
    あと、こちらのページの画像や文字がが大きく見える件ですが、とくには何もしていないはずなのですが、
    もしかしたらページ表示が拡大になっておりませんか?

    #42094

    With
    参加者

    カスタマイズのCSS追加に
    貼りつけました。
    カートボタンの色も変わり、
    カートアイコンも付きました。
    誠にありがとうございます。

    https://vws.vektor-inc.co.jp/store
    あと、こちらのページの画像や文字がが大きく見える件ですが、とくには何もしていないはずなのですが、
    もしかしたらページ表示が拡大になっておりませんか?
    → 確認したところ100%表示で御社ページよりも
    やはり小さく表示されておりました。
    なぜかわかりません。

    #42097

    With
    参加者

    Woocomerceのブロックを確認したところ、
    「すべての商品」がクリックできなくなっておりました。

    他は選べるのですが「すべての商品」が選べません。

    確認をお願いします。

    #42098

    unako
    モデレーター

    わたしの環境で試してみたところ、
    「すべての商品」のブロックをページ内に設置している状態で、追加で「すべての商品」ブロックを開くと選択できない状態になりました。
    テーマを変更しても同じ症状になりましたので、おそらくはテーマ側の問題ではないのかなと思います。

    上記のことも踏まえまして、
    ページ内に複数「すべての商品」ブロックを入れたいということでしょうか。

    もしこれとは違う現象でしたら、教えてください。

    追記
    WooCommerceのショートコードもあるようです。

    • この返信は4日、 1時間前にunakoが編集しました。
    #42102

    With
    参加者

    「すべての商品」のブロックをページ内に設置している状態で、
    追加で「すべての商品」ブロックを開くと選択できない状態ということを理解しました。
    誠にありがとうございます。
    他のブロックも見てみたいと思い、設置を試みました。
    「すべての商品」は一つだけで宜しいです。

    #42114

    With
    参加者

    先ほど、カスタマイズのCSS追加に貼りつけて
    カートボタンの色も変わり、
    カートアイコンも付きましたが、
    確認してみると
    作成したページ中の
    カートボタンではないボタンにもカートアイコンが
    付いてしまいました。
    何が起こったのでしょうか。

    どうすれば良いでしょうか。

    確認を
    どうぞ宜しくお願いします

    #42125

    Vektor,Inc
    キーマスター

    ご連絡ありがとうございます。
    他のボタンにもカートのアイコンがついてしまうとのことで、前回ご案内した追加CSSの記述を

    .wp-block-button__link{
        background-color:#963482;
    }

    だけにしていただいてもいいでしょうか。

    ※↓下記のCSSを消すことでカートのアイコンが消えると思います。

    .wp-block-button__link::after{
        margin-left: .2em;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: "Font Awesome 5 Free";
        content: "\f218";
        font-weight: 900;
    }

    ボタンの色とカーとアイコンの件は現在修正中となりますので
    修正までしばらくお待ちください。

    ご不便おかけし申し訳ございません、がよろしくお願いいたします。

    • この返信は3日、 11時間前にVektor,Incが編集しました。
    • この返信は3日、 10時間前にVektor,Incが編集しました。
    #42133

    Vektor,Inc
    キーマスター

    Lightning Pro 7.3.4 にて修正いたしました。
    大変ご迷惑おかけして恐れ入ります。

    ボタンの色を自動でキーカラーに変更するように修正いたしましたので、
    追加CSSのCSSは削除していただいても大丈夫です。

    お手数ですがご確認よろしくお願いいたします。

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