• 解決済 adenter

    (@adenter)


    初めまして。
    現在wallstreetというテーマを利用し、ECサイトの構築を行なっているのですが2点どうしても解決できない問題があり、お知恵を拝借させて頂きたく記載させて頂いております。

    まずははじめに、
    親カテゴリ > 子カテゴリ > 商品

    という形でサイトは構成されているのですが、親カテゴリをクリックするとカテゴリページ内に表示されるタイトルが、中に入っている商品名になってしまいます。

    これは子カテゴリでも同様の事が起きており、どこをどのように修正すれば治るのかが全く解りません。

    また商品一覧ページを見て頂くとわかるのですがタイトルの長さが違う為に商品ボックスの長さがバラバラになってしまい、見栄えが良くありません。
    https://cbd-seller.net/product-category/vapen-cbd/

    この2点について早急に解決したいと思っておるのですが、どなたかお分かりになる方がおらっしゃいましたら是非ご回答頂けますと幸いです。

    もし、説明に不足がございましたら補足させて頂きますので何卒よろしくお願い申し上げます。

    ヘルプの必要なページ: [リンクを見るにはログイン]

15件の返信を表示中 - 1 - 15件目 (全16件中)
  • CG

    (@du-bist-der-lenz)

    スタイルシートできませんか

    トピック投稿者 adenter

    (@adenter)

    ありがとうございます。
    スタイルシートに追加で記載すればよろしいのでしょうか??

    munyagu

    (@munyagu)

    こんにちは

    親カテゴリをクリックするとカテゴリページ内に表示されるタイトルが、中に入っている商品名になってしまいます。

    これは、どのページのどの箇所のことかがちょっと分かりません。

    「https://cbd-seller.net/product-category/vapen-cbd/」は親カテゴリだと思いますが、タイトルタグには商品名が入っていないように見受けられます。
    タイトルとはどこのことでしょうか?

    ishitaka

    (@ishitaka)

    親カテゴリをクリックするとカテゴリページ内に表示されるタイトルが、中に入っている商品名になってしまいます。

    サブカテゴリーのボックスを表示しないようにするということでしょうか?
    この場合は、カスタマイズより [WooCommerce]->[商品カテゴリー]->[カテゴリー表示] で [商品を表示] を選択すると表示されなくなると思います。

    また商品一覧ページを見て頂くとわかるのですがタイトルの長さが違う為に商品ボックスの長さがバラバラになってしまい、見栄えが良くありません。

    スタイルで、タイトル部分の高さを固定にするのはどうでしょうか?

    例:

    .products h2 {
    	overflow: hidden;
    	height: calc(1em * 3 + .5em);
    	line-height: 1em;
    }
    トピック投稿者 adenter

    (@adenter)

    @munyagu
    ありがとうございます。

    https://cbd-seller.net/product-category/vapen-cbd/

    ここのカテゴリに飛ぶと、本来カテゴリ名であるVapenに飛ぶはずなのですが
    “CBDオイル リキッド カートリッジ Fruity Pebbles”
    と表示されてしまい、その原因が分かりません。

    トピック投稿者 adenter

    (@adenter)

    @ishitaka
    ありがとうございます!
    高さについては無事解決しました。
    本当に助かりました。

    ちなみに下記カテゴリにアクセスした際に表示されるタイトルってCSSで変更可能なのでしょうか?
    https://cbd-seller.net/product-category/vapen-cbd/

    本来であればカテゴリにはカテゴリ名を表示させたいのですが、現在商品名が上部に表示されてしまっているため、解決方法を模索しております。

    もし何かお知恵がございましたらご教示頂けますと幸いです。
    それではよろしくお願い申し上げます。

    ishitaka

    (@ishitaka)

    本来であればカテゴリにはカテゴリ名を表示させたいのですが、現在商品名が上部に表示されてしまっているため、解決方法を模索しております。

    親テーマの index-breadcrumb.php ファイルを、子テーマにコピーして、下記のように変更することでタイトルをカテゴリー名に変更することができます。

    <h1><?php the_title(); ?></h1>

    <h1><?php if ( is_tax( 'product_cat' ) ) { single_cat_title(); } else { the_title(); } ?></h1>

    CG

    (@du-bist-der-lenz)

    テンプレートが不足しているのだと思います。

    ishitaka

    (@ishitaka)

    こちらの方がいいかもしれません。

    <h1><?php the_title(); ?></h1>

    <h1><?php
    	if ( is_post_type_archive( 'product' ) ) {
    		woocommerce_page_title();
    	} else if ( is_tax( 'product_cat' ) ) {
    		single_cat_title();
    	} else {
    		the_title();
    	}
    ?></h1>
    Honda

    (@rocketmartue)

    タイトル部分は、@ishitakaさんの方法で対応できますが、
    そうすると、<h1>タグが、2重に表示されることになってしまいます。
    商品詳細ページのパンくずリストもリンクエラーになっていたりしますので、テーマ自体が WooCommerce に対して対応しきれていない感じです。
    親テーマに woocommerce.php があるので、子テーマ側で WooCommerce のカスタマイズというのも難しいですし、不完全なテーマで悩むよりは、きちんと WooCommerce に対応しているテーマを使用することをおすすめします。

    Honda

    (@rocketmartue)

    追記
    使用されている子テーマですが、
    https://ja.wordpress.org/themes/wallstreet-light/
    こちらの公式ディレクトリのものですよね?
    これだと、アップデートした際に子テーマでカスタマイズした部分が上書きされてしまう場合がありますので、その点も注意が必要です。

    トピック投稿者 adenter

    (@adenter)

    @ishitaka
    ありがとうございます!カテゴリページは修正できました!

    https://cbd-seller.net/store/
    ただここだけは別の表示が出ちゃうのですがここも対応方法ございますでしょうか?

    @rocketmartue
    ご指摘ありがとうございます。
    確かにおっしゃる通りパンくずリストはダメですね。。。
    とりあえずこれで営業開始する形にはなるので、次回リニューアルの際にがっつり変更かけたいと思います。

    ishitaka

    (@ishitaka)

    これではどうでしょうか?

    <h1><?php
    	if ( is_archive() ) {
    		woocommerce_page_title();
    	} else {
    		the_title();
    	}
    ?></h1>
    トピック投稿者 adenter

    (@adenter)

    @ishitaka
    ありがとうございます!
    出来ました!すごいですね。。。
    大変勉強になりました。

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

    ishitaka

    (@ishitaka)

    解決したらトピックのステータスを「解決済み」にしておいて下さいね。
    https://ja.wordpress.org/support/topic/質問ルール/

15件の返信を表示中 - 1 - 15件目 (全16件中)
  • トピック「Wallstreetのテーマで2点解決できない問題が、、、。助けてください。」には新たに返信することはできません。