yasumax
投稿の際は下記の情報をお書き添えください。
-------------------------------------------
WordPress のバージョン:(例 6.0.2)
Welcart のバージョン:(例 2.8.1)
PHP のバージョン:(例 8.0)
Welcart専用の拡張プラグインとバージョン:(例 DL Seller 3.4.1、SKU Select 1.4.2)
ご利用の親テーマとバージョン :(例 Welcart Basic 1.7.1)
ご利用の子テーマとバージョン :(例 Welcart Beldad 1.4)
症状を確認したブラウザ:
サーバー【重要】:(会社名、サービス名)
--------------------------------------------
フォーラムへの返信
-
投稿者投稿
-
yasumaxキーマスター
こんにちは。
「welcart_default」の「wc_templates」をコピーしてお使いください。
wc_item_single.phpが商品詳細ページのテンプレートになります。
<?php the_content(); ?>
を25行目の下に挿入して、43行目・72行目の<?php the_content(); ?>
を削除してください。また、
<div id="content" class="two-column">
~中略~
</div><!-- end of content -->を
<div id="container">
<div id="content" class="two-column">
~中略~
</div><!-- end of content -->
</div>に変更してください。
位置調整や文字装飾等のスタイル修正は、適宜行ってください。
yasumaxキーマスターこんにちは。
【style.css : 525行目】
#content tr th,
#content thead th {
~中略~
padding:9px 24px;
}【style.css : 532行目】
#content tr td {
~中略~
padding:6px 24px;
}上記2つのセレクタのpaddingの左右の余白を「24px」から「5px」等にしてみてはどうでしょうか。
一応は右側にはみださずに表示されると思います。
また、カートページのみサイドバーを非表示にする場合は、
「wc_temaplates」を利用してサイドバーを外したテンプレートを作成するか、
もしくは、page.phpでカートページのみ非表示にする条件分岐をいれるかのどちらかの方法で実現は可能です。
yasumaxキーマスターこんにちは。
関連商品には「usces_filter_assistance_item_list」というフィルターが用意されています。
該当する関数は、「usc-e-shop/functions/template_func.php」内の「usces_assistance_item()」です。
このフィルターフックはliをそっくり書き換えるものとなります。
フィルターフックの使い方は「Welcart のカスタマイズとフック」をご覧ください。
フィルターフックを使用して、商品名に新たにリンクタグを追加してあげます。
価格もタグ・クラスを追加してあげることで自由に色や位置を変えたりできます。
値段に関しては、タグをいじらずにスタイルのみでも変更可能です。
現在お使いのテーマの「usces_cart.css」に
#itempage .assistance_item .detail p
上記セレクタを追加して編集することで色の変更が可能です。
yasumaxキーマスターこんにちは。
現在作成されているサイトをGoogle Chromeで要素検証いたしましたら、商品詳細ページ部分等のスタイルが一切なくなっていました。
元の「cyber」の「style.css」の3900行目以降がすっぽり抜けてますので、現在編集中のテーマにコピペしてご確認ください。
cyberのバックアップがないようでしたらWelcartホームにログインしてマイページからダウンロードしてください。
yasumaxキーマスターこんにちは。
Welcart Default テーマのメインナビには「カスタムメニュー」を採用していますので、管理パネルから簡単に設定することができます。
管理パネル「外観」→「メニュー」にてメインナビに表示したい項目を選んでメニューを作成してください。
その後、テーマの場所のヘッダー・ナビゲーション項目に作成したメニューを適用していただければサイトに表示されます。
yasumaxキーマスターDLSellerに同梱されている「DLSellerDocument.zip」を解凍してご覧ください。
もしくは、こちらのドキュメントをご覧ください。
yasumaxキーマスターstyle.cssではなく、現在お使いのテーマに「usces_cart.css」を用意してスタイルを適用させてみてください。
usces_cart.cssのコピー方法はこちらの「ページデザイン変更の注意点」をご覧ください。
また、該当セレクタは以下の通りになります。
※1※3 → #itempage .field .field_name
※2※4 → em.tax
※5 → #itempage .field .field_cprice
※6 → #itempage .field .field_price
yasumaxキーマスターこんにちは。
> サムネイルのサイズはそのままで
> このdivタグの横幅を広げて5個表示にしたい、というイメージです。
3カラムの状態かつ、サムネイルのサイズをそのままで5個表示は厳しいです。
4個表示が限界です。
トップページも2カラムに変更してみてはどうでしょうか?
2カラムにする方法は以下のとおりです。
・home.phpの12行目「three-column」を「two-column」に変更
・saidebar.phpの「begin right sidebar」~「end right sidebar」の間を全て削除
あとは、商品一つ一つのブロックを調整すればキレイに表示されると思います。
yasumaxキーマスターこんにちは。
現在お使いのWelcartのバージョンはいくつでしょうか?
分かる範囲で下記の動作環境をご記入ください。
Welcartのバージョンは「Welart Shop > ホーム」の上に表示されています。
WordPress のバージョン:
Welcart のバージョン:
ご利用のテーマ:
症状を確認したブラウザ:
サーバー(会社名、サービス名):
SSLの利用: 無し | 専用SSL | 共用SSL
WordPress のパーマリンク設定:
yasumaxキーマスターこんにちは。
1列あたり5個にするにはCSSの編集が必要になります。
style.css内の「#content .thumbnail_box」セレクタの横幅(width)・縦幅(height)を調整してください。
商品画像のサイズはhome.php内のWelcart専用テンプレートタグ「usces_the_itemImage」の横幅(width)・縦幅(height)の値を変更してください。
yasumaxキーマスターこんにちは。
外枠は
.jcarousel-skin-welcart_1 .jcarousel-container
.jcarousel-skin-welcart_1 .jcarousel-clip-horizontal
商品を囲む枠は
.jcarousel-skin-welcart_1 .jcarousel-item
が該当箇所になります。
画像の大きさを変更する場合は、フィルターフックを使用して変更するか
.jcarousel-skin-welcart_1 .jcarousel-item img
セレクタを使用してCSSで変更する形になります。画像に関して、テーマフォルダ内のslide_showcase.cssではbackgroundの指定を削除することで、枠画像・ボタン画像のリンク切れを防ぐ事ができます。
yasumaxキーマスターyasumaxキーマスターyasumaxキーマスターこんにちは。
Twenty Elevenと同じスタイルを適用させるには、
style.cssの1847行目~1873行目のスタイルにWelcartカレンダーのセレクタを足してあげなければなりません。
それぞれ以下のようにセレクタを足してみてください。
.widget_welcart_calendar #wp-calendar,
.widget_calendar #wp-calendar {
~中略~
}
.widget_welcart_calendar #wp-calendar caption,
.widget_welcart_calendar #wp-calendar td,
.widget_welcart_calendar #wp-calendar th,
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
~中略~
}
.widget_welcart_calendar #wp-calendar caption,
.widget_calendar #wp-calendar caption {
~中略~
}
.widget_welcart_calendar #wp-calendar th,
.widget_calendar #wp-calendar th {
~中略~
}
.widget_welcart_calendar #wp-calendar tfoot td,
.widget_calendar #wp-calendar tfoot td {
~中略~
}
yasumaxキーマスター商品一覧ページは何で作成されていますか?
固定ページのテンプレート「item_category.php」をご使用でしたら
- 名前 : category_slug
値 : 表示したいカテゴリーのスラッグ
- 名前 : order
値 : 「ASC(昇順)」もしくは「DESC(降順)」
- 名前 : posts_per_page
値 : 半角数字で表示件数
以上の3つをカスタムフィールドで設定をしてください。
- 名前 : category_slug
-
投稿者投稿