[ 解決済 ] JPNSTYLEとWooCommerce

[With]

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

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

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

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

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

---

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

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

[Vektor,Inc]

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

[Vektor,Inc]

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

[With]

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

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

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

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

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

[石川＠Vektor,Inc.]

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

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

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

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

[With]

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

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

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

[With]

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

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

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

[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
あと、こちらのページの画像や文字がが大きく見える件ですが、とくには何もしていないはずなのですが、
もしかしたらページ表示が拡大になっておりませんか？

[With]

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

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

[With]

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

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

確認をお願いします。

[うなこ]

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

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

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

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

• この返信は4年、 3ヶ月前にうなこが編集しました。

[With]

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

[With]

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

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

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

[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;
}

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

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

• この返信は4年、 3ヶ月前にVektor,Incが編集しました。
• この返信は4年、 3ヶ月前にVektor,Incが編集しました。

[Vektor,Inc]

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

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

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

[投稿者]

投稿