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）
症状を確認したブラウザ：
サーバー【重要】：（会社名、サービス名）
--------------------------------------------
フォーラムへの返信
-
投稿
-
こんにちは。
【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でカートページのみ非表示にする条件分岐をいれるかのどちらかの方法で実現は可能です。
こんにちは。
関連商品には「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上記セレクタを追加して編集することで色の変更が可能です。
こんにちは。
現在作成されているサイトをGoogle Chromeで要素検証いたしましたら、商品詳細ページ部分等のスタイルが一切なくなっていました。
元の「cyber」の「style.css」の3900行目以降がすっぽり抜けてますので、現在編集中のテーマにコピペしてご確認ください。
cyberのバックアップがないようでしたらWelcartホームにログインしてマイページからダウンロードしてください。
こんにちは。
Welcart Default テーマのメインナビには「カスタムメニュー」を採用していますので、管理パネルから簡単に設定することができます。
管理パネル「外観」→「メニュー」にてメインナビに表示したい項目を選んでメニューを作成してください。
その後、テーマの場所のヘッダー・ナビゲーション項目に作成したメニューを適用していただければサイトに表示されます。
DLSellerに同梱されている「DLSellerDocument.zip」を解凍してご覧ください。
もしくは、こちらのドキュメントをご覧ください。
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
こんにちは。
> サムネイルのサイズはそのままで
> このdivタグの横幅を広げて５個表示にしたい、というイメージです。
3カラムの状態かつ、サムネイルのサイズをそのままで5個表示は厳しいです。
4個表示が限界です。
トップページも2カラムに変更してみてはどうでしょうか？
2カラムにする方法は以下のとおりです。
・home.phpの12行目「three-column」を「two-column」に変更
・saidebar.phpの「begin right sidebar」～「end right sidebar」の間を全て削除
あとは、商品一つ一つのブロックを調整すればキレイに表示されると思います。
こんにちは。
現在お使いのWelcartのバージョンはいくつでしょうか？
分かる範囲で下記の動作環境をご記入ください。
Welcartのバージョンは「Welart Shop ＞ ホーム」の上に表示されています。
WordPress のバージョン：
Welcart のバージョン：
ご利用のテーマ：
症状を確認したブラウザ：
サーバー（会社名、サービス名）：
SSLの利用： 無し ｜ 専用SSL ｜ 共用SSL
WordPress のパーマリンク設定：
こんにちは。
1列あたり5個にするにはCSSの編集が必要になります。
style.css内の「#content .thumbnail_box」セレクタの横幅(width)・縦幅(height)を調整してください。
商品画像のサイズはhome.php内のWelcart専用テンプレートタグ「usces_the_itemImage」の横幅(width)・縦幅(height)の値を変更してください。
こんにちは。
外枠は
.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の指定を削除することで、枠画像・ボタン画像のリンク切れを防ぐ事ができます。
こんにちは。
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 {
～中略～
}
商品一覧ページは何で作成されていますか？
固定ページのテンプレート「item_category.php」をご使用でしたら
- 名前 ： category_slug
値 ： 表示したいカテゴリーのスラッグ
- 名前 ： order
値 ： 「ASC（昇順）」もしくは「DESC（降順）」
- 名前 ： posts_per_page
値 ： 半角数字で表示件数
以上の3つをカスタムフィールドで設定をしてください。
- 名前 ： category_slug
PAGE TOP