おちゃのこ広場

おちゃのこユーザー様同士の情報交換BBS！
活発な意見交換の場としてご利用下さい。

おちゃのこ広場(会員版)おちゃのこネットアカウントIDと
パスワードが必要です。
開く
ご利用に際して
おちゃのこ広場では、以下のような書き込みを禁止します。
また、おちゃのこネットが不適当であると判断した場合、予告なく書き込みを削除する場合があります。
  • 誹謗中傷、他人を不愉快にさせるような書き込み。
  • 個人情報（住所、電話番号など）の書き込み。
  • 宣伝目的の書き込み。
おちゃのこネットは、おちゃのこ広場の使用に関連して発生したいかなる損害に対しても、一切の責任を負いません。
新規投稿
記事を閉じて表示
記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ刑部 No.16642 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●クロネコwebコレクトAPI方式に対応いたしました。
クロネコwebコレクト リンク方式では、ショッピングカートの完了画面後に決済画面へと遷移しておりましたが、API方式では画面遷移なく、ショッピングカート内で、クレジットカード番号の入力・支払コンビニ先の選択等を
おこなっていただけるようになります。
http://www.yamatofinancial.jp/service/wc_flow.html

クロネコWebコレクトAPI方式のご利用には、リンク方式の契約がある場合でもAPI方式のお申込が必要となります。
詳しくはヤマトフィナンシャルへお問い合わせください。

お申込後、ショップマネージャー内 ショップ運用設定 > お支払い方法設定 > クレジットカード 支払い方法を設定する
クロネコWebコレクト 設定欄の □API方式を利用する のチェックを入れていただけますとご利用可能となります。

よろしくお願い致します。

記事を閉じる トップ画像のサイズについて 投稿者:かまくらOBS No.16616 URL

いつも大変お世話になっております。

現在、１カラムのテンプレートを利用させて頂いており
トップ画像を変更しようと画像を準備して確認したところ
幅960PXの画像が最大の1600PXまで拡大されて表示されていました。
これはもう少し小さく表示されるようには出来ませんか？
What'sNewと同じ幅で5件分表示した程度の高さに収めたいのですが。

宜しくお願い致します。

Re 画像について 投稿者:おちゃのこ刑部 No.16619 URL

かまくらOBSさん、こんにちは。

トップ画像についてです。
現状ご利用のテンプレートのトップ画像を横幅980px、縦幅300pxに変更することができます。

スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。
※下記の指定は、HTML5テンプレートでトップ画像横幅が1600px、縦幅が900pxのテンプレートでご利用可能となります。

画像は、980×300ピクセルで作成し、トップ画像欄からご登録ください。


.has_wide_slide #header {
margin-bottom: 0px;
max-width: 100%;
}

.has_wide_slide #globalnavi {
position: relative;
margin-bottom: 0px;
}

#photo,
.wide_slide .fix_center,
.wide_slide .swipe_list {
width: 980px;
position: relative;
}

#photo,
.wide_slide .fix_center {
margin: auto;
}

.wide_slide .pointer_prev_box {
margin-left: 0px;
}

.wide_slide .pointer_next_box {
margin-right: 0px;
}

.wide_slide .list_item_cell {
height: 300px;
}

.wide_slide,
.wide_slide .swipe_list {
height: 300px;
}

.wide_slide .swipe_list {
margin-left: -490px;
}

.wide_slide .swipe_list .annotation_left_top {
left: 60px;
top: 30px;
}

.wide_slide .swipe_list .annotation_right_top {
right: 60px;
top: 30px;
}

.wide_slide .swipe_list .annotation_left_bottom {
left: 60px;
bottom: 30px;
}

.wide_slide .swipe_list .annotation_right_bottom {
right: 60px;
bottom: 30px;
}

.wide_slide .swipe_list .fade_in_fade_out .list_item_row {
width: auto;
}

.wide_slide .swipe_list .fade_in_fade_out .list_item_cell {
width: 100%;
}

よろしくお願い致します。

Re トップ画像のサイズについて 投稿者:かまくらOBS No.16625 URL

おちゃのこ刑部様、いつも有り難う御座います。

教えて頂いた編集を行った場合も複数の画像をスライド・フェードイン・アウトを利用することは可能でしょうか？

また２カラム・３カラムに変更した場合には、今回の編集内容を書き換えたり
削除する必要がありますか？

宜しくお願い致します。

Re トップ画像について 投稿者:おちゃのこ刑部 No.16628 URL

かまくらOBSさん、こんにちは。

トップ画像についてです。
トップ画像欄の設定でフェードインフェードアウトに設定していただければ、表示可能です。
2カラム、3カラムにしていただいても問題ありません。

よろしくお願い致します。

Re 有難う御座いました。 投稿者:かまくらOBS No.16634 URL

おちゃのこ刑部様、いつも有り難う御座います。

望み通りの表示が出来ました。有難う御座いました。
また何かありましたら、宜しくお願い致します。

記事を閉じる HTML5　テンプレート　ホワイトライン 投稿者:福田 No.16621 URL
添付画像

現在HTML5　テンプレート　ホワイトラインを使用していますが
写真のように『商品カテゴリー一覧』『いらっしゃいませ』その他を少し目立つように変更するにはどのようにすれば良いのでしょうか？
よろしくお願い申し上げます

Re タイトルについて 投稿者:おちゃのこ刑部 No.16622 URL

福田さん、こんにちは。

タイトルの色についてです。
下記のFAQに記載がございますので、ご覧ください。
※それぞれメルマガのバックナンバーへリンクしています。

●サイドエリアタイトル
http://www.ocnk.net/faq/index.php?action=artikel&cat=281622&id=1001&artlang=ja

●メインエリアタイトル
http://www.ocnk.net/faq/index.php?action=artikel&cat=281622&id=988&artlang=ja

なお、カテゴリとグループの左画像については、下記のFAQに記載がございます。
●カテゴリ
http://www.ocnk.net/faq/index.php?action=artikel&cat=281622&id=998&artlang=ja

●グループ
http://www.ocnk.net/faq/index.php?action=artikel&cat=281622&id=999&artlang=ja

よろしくお願い致します。

Re 有難うございます 投稿者:福田 No.16624 URL

有難うございます、すでに紹介されていたとは気づきませんでした
申し訳ありません

記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ刑部 No.16623 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●商品詳細ページのポイント説明が変更できるようになりました。
これまでは説明文言は固定でしたが、変更できるようになりました。

【デザイン管理】→【商品詳細ページ設定】の「ポイント説明」より変更できます。

よろしくお願い致します。

記事を閉じる URLショートカットアイコン 投稿者:天然水 No.16607 URL

こんにちは。お世話になっています。

スマートフォンのホーム画面に自分のショッピングカートのショートカットアイコンを作った際に最後に開いたページの画像がそのままの形でアイコンに表示されます。
自分で作った画像をアイコン化したいので色々調べたらアイフォン用で
<head>~</head>の間に<link rel="apple-touch-icon" href="画像パス" />
と出てきたので画像パスを変えて入れたのですがアイコンは変わりませんでした。

もしおちゃのこネットさんでほかのHTMLがありましたら教えて下さい。
わがままですがアイフォンとアンドロイドの両方対応できるHTMLお願いします。

説明が下手ですみません。よろしくお願いします。

Re アイコンについて 投稿者:おちゃのこ刑部 No.16615 URL

天然水さん、こんにちは。

天然水さん、こんにちは。

アイコン(Webクリップ)についてです。
iPhoneではこちらでも動作は確認できておりますが、Androidについては、端末により特に古い端末では表示されない場合があります。
ご了承くださいませ。

よろしければ、下記の手順で作業を行ってください。

-----------------------------------------------------
STEP1　画像を作成する
-----------------------------------------------------
下記のルールで作成してください。

ファイル形式:PNG形式
画像サイズ：152×152ピクセル
ファイル名：apple-touch-icon.png


-----------------------------------------------------
STEP2　htmlタグを記載する
-----------------------------------------------------
ファイルは、画像専用管理画面のコンテンツフォルダにアップロードし、メタタグ設定のヘッダー欄に下記のようなhtmlを記載してください。
demo部分は、ご自身のアカウントIDに変更してください。
※アイコンのURLは、https://共用ドメインURL～の形で記載してください。

<link rel="apple-touch-icon" href="https://demo.ocnk.net/data/demo/image/apple-touch-icon.png " />

よろしくお願い致します。

記事を閉じる URL正規化 投稿者:contriving No.16609 URL

おちゃの子ネット様

お世話になります。


http://contriving.ocnk.net/index.php

上記のページを消したいのですが、（URL正規化というのでしょうか?）
どのようにしたらよいでしょうか?

<link rel="canonical" href="http://contriving.ocnk.net/";>
このタグを張り付けるというとこまでは調べたのですが、
どこに張るのが正しいのか、
このタグで正しいのか

教えていただきたいです。
よろしくお願いします。

Re URL正規化について 投稿者:おちゃのこ刑部 No.16614 URL

contrivingさん、こんにちは。

URL正規化についてです。
http://contriving.ocnk.net/index.php にアクセスされた場合、
システムが自動的に<head>タグ内へ

<link rel="canonical" href="http://contriving.ocnk.net" />

を追加して、重複コンテンツとならないようURL正規化を致しますので、特に対策をしていただく必要はございません。

よろしくお願い致します。

記事を閉じる グループごとの割引。 投稿者:マキウチ No.16611 URL

いつもお世話になっております。
以前商品カテゴリ単位の割引についてはご回答いただきましたが、商品グループ単位での割引は出来ないのでしょうか？
また、商品の金額によって割引を変えたいのですがそれに適した方法はないでしょうか？
例：～３０００円は５０％オフ
３００１円～５０００円は３０％オフ

Re 割引について 投稿者:おちゃのこ刑部 No.16613 URL

マキウチさん、こんにちは。

会員制限についてですが、グループには対応しておりません。
カテゴリのみとなります。
現状のところ改良の予定はございません。
会員制限、全体割引等、割引システムはございますが、複雑になりすぎる可能性もあるため、慎重に検討する必要があります。

また、商品金額についても、商品単位で会員制限の割引額を設定することは可能ですが、購入時の合計金額で変更することはできません。

よろしくお願い致します。

記事を閉じる 無題 投稿者:デイズ No.16608 URL

トップページのTop画像の位置について質問します。

おちゃのこさんがお休みに入ってしまったので、
どなたか、おわかりになる方がいらっしゃれば・・

TOP画像の下が空いてしまいました。
この空間を詰めたいです。スタイルシートでどこを直したらよいでしょうか。
どうぞよろしくお願いします。

Re ご質問について 投稿者:おちゃのこ刑部 No.16612 URL

デイズさん、こんにちは。

ご回答が遅くなり申し訳ございません。
ご質問についてですが、現状ページを拝見する限りトップ画像下に余白はありません。
ご自身で解決いただいたのでしょうか。

よろしくお願い致します。

記事を閉じる ヘッダー＆フッターメニューについて 投稿者:吉村 No.16550 URL

お世話になっております。
いろいろやってみたのですが、どうしてもわからないところがあり、お教えいただければと思います。

ヘッダーメニューについて、サポートクラブを参考に自由記入欄を使って、既存のデザインを使用した場合、デモサイトのように表示中のページの下にラインが入るようにしたいのですが、どのようにしたらいいでしょうか？
（クラス nav_onをどのように指定したらいいでしょうか？）

フッターメニューも同様に、メニューにあるページを表示している時には背景色を変更したいです。

お忙しいところ恐れ入りますが、よろしくお願いします。

Re ヘッダーについて 投稿者:おちゃのこ刑部 No.16554 URL

吉村さん、こんにちは。

ヘッダーメニューについてです。
nav_on表示については、現状対応しておりません。
FAQの方に記載が漏れておりましたので追加させていただきました。
申し訳ございません。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281623&id=989&artlang=ja

今後対応を予定しております。

フッターについては、スタイルシートの編集から下記の箇所を編集してください。
background-color: #FFFFFF;が現在の色となりますので、ご希望の色に変更してください。

/* 選択中 */
#globalnavi_footer li.nav_on .footer_navi_row {
background-color: #FFFFFF;
}

よろしくお願い致します。

Re ヘッダー＆フッターメニューについて 投稿者:吉村 No.16561 URL

刑部さま

こんにちは。
いつもお世話になっております。
ご回答ありがとうございました！

先ほど投稿したのですが、反映されなかったようなので、再度書き込みさせていただきます。
二重になってしまった場合はご容赦ください。

nav_on表示の件、現在は未対応とのこと、了解しました。
今後の対応を待ちたいと思います。
（サイドメニューも、グループの表示に自由記入欄を使用しており、こちらもnav_on表示が有効になれば嬉しいです。）

フッターメニューの件は、ヘッダーと同様にnav_on表示をしたいという質問だったのですが、文章がわかりづらかったようで、お手間をとらせまして、失礼いたしました。

それからもう1点、お教えいただきたいです。
現在、ヘッダーメニューは自由記入欄にしているのですが、そうすると、
メニューの下のグレーの線が、ページの端から端まで表示されません。
ページの端から端まで表示するには、どこを修正すればよいでしょうか？

お手数をおかけし申し訳ありませんが、よろしくお願いします。

Re ヘッダーについて 投稿者:おちゃのこ刑部 No.16562 URL

吉村さん、こんにちは。

ヘッダーについてです。
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

#header_nav_free_space {
width: 100%;
}

よろしくお願い致します。

Re ヘッダーについて 投稿者:吉村 No.16563 URL

刑部さま

こんにちは。
いつもお世話になっております。

解決しました。
ありがとうございました！

Re nav_onについて 投稿者:おちゃのこ刑部 No.16601 URL

吉村さん、こんにちは。

ヘッダーメニューについてです。
nav_onの表示に対応致しました。

基本的には、既存のヘッダーメニューをコピーしてご利用いただければ、表示可能となっております。

よろしくお願い致します。

Re nav_onについて 投稿者:吉村 No.16605 URL

刑部さま

こんにちは。
ヘッダーメニューのnav_on表示について、早々にご対応いただき、ありがとうございました！

できましたら、フッターメニューやサイドメニュー（自由記入欄使用）もnav_on表示に対応すると嬉しいです。

お手数をおかけしました。
ありがとうございました！

Re メニューについて 投稿者:おちゃのこ刑部 No.16606 URL

吉村さん、こんにちは。

メニューについてです。
サイド、フッターについては、同様にnav_onに対応しております。
ただし、そのままでも表示することができません。
こちらでご用意したclass名を指定していただく必要があります。

例）下記のようにcustom_navというclassで囲んでいただくことで、現在表示に対応します。

基本的には、custom_nav内のliタグとaタグに対してnav_onが付く仕様となっていますので、class名を追加いただく箇所はdivでもliを囲むulでも問題ありません。

<div class="custom_nav">
<ul class="side_contents navi_list">
<li><a href="http://cafe0101.ocnk.net/help">ご利用案内</a></li>
</ul>
</div>

よろしくお願い致します。

記事を閉じる スマートフォンヘッダーについて 投稿者:kobayashi No.16596 URL

お世話になっております。

以前ほかのサイトの方がご質問していた内容の回答に従って、ヘッダー編集をしたのですが、位置の設定がうまくいかず、教えていただきたいです。

こちらのサイト（www.tontonshop.com/phone/）のように
１、ヘッダーPCサイトの横に画像を張り、
２、カートの横にご利用案内を置きくには

どうしたらよいでしょうか？

ご利用案内の置き方は
↓↓
STEP1　キャッチフレーズ欄にhtmlタグを追加
スマートフォン管理→画像とコメントの設定→キャッチフレーズ欄にhtmlタグを追加してください。

<div class="help_link"><a href="リンク先">ご利用案内</a></div>

STEP2　スタイルシートを編集する
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

現状見た目は、カートボタンと同様に正方形のオレンジ枠線ボタンとしています。

#copy {
position: relative;
min-height: 15px;
}

.help_link {
position: absolute;
top: 80px;
right: 60px;
width: 34px;
height: 34px;
border: 3px solid #FF9326;
text-align: center;
border-radius: 3px;
}

#copy .help_link A {
color: #000000;
font-size: 10px;
}

を参考にさせていただきましたが、位置設定がうまくいきませんでした。

また、
3、"LOGIN"、"新規会員登録"、"お問い合わせ"のメニューバーとスライドショーの間の隙間を0にする方法はありますでしょうか？

4、そして最後質問お願いします、現在使っているスライドショーはおちゃのこ道場から参考にさせていただいておりますが、スライド画像の下の点々の下に余白がけっこうあると思うのですが、この余白を減らすことはできないでしょうか？

沢山質問大変お手数おかけします。
宜しくお願い致します。

Re スマートフォン版について 投稿者:おちゃのこ刑部 No.16597 URL

kobayashiさん、こんにちは。

スマートフォン版についてです。

●1,2のご質問について
下記の.hlep_linkの指定内のtop値を30pxに変更してください。
この数値が上部からの位置となり、大きくすると下に小さくすると上に移動できます。
ただし、重ね順がヘッダー画像の下となりますので、z-index: 2;を追加してください。

.help_link {
position: absolute;
top: 30px;
right: 60px;
width: 34px;
height: 34px;
border: 3px solid #FF9326;
text-align: center;
border-radius: 3px;
z-index: 2;
}


●3のご質問について
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

.top_page_body .contents {
padding: 0px;
}

.navi_free .list_item_table {
border-top: none;
}

.navi_free .item_data {
padding: 0px;
}


●4のご質問について
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。
.navi_free .pointer_box {
margin-bottom: 0px;
}

よろしくお願い致します。

Re ありがとうございます！ 投稿者:kobayashi No.16602 URL

ご返答ありがとうございました。

解決しました！

また、スマートフォンについてなのですが、NEWSの最新３〜５つくらいをPCのトップページにようにスマートフォントップページに載せることは可能でしょうか？

NEWSをアップするたびそのつど自分で作成するような形しか方法はないでしょうか？

お手数をかけいたしますが、よろしくお願いします。

Re スマートフォンについて 投稿者:おちゃのこ刑部 No.16603 URL

kobayashiさん、こんにちは。

スマートフォン版についてです。
トップページには、メニューしか配置できません。

代替案としては、自由記入欄を利用して手動で作成する方法となります。
最新情報ページのデザインを利用する場合は、下記のhtmlタグをご利用ください。

<div class="whatnew_page">
<h2>NEWS</h2>
<table width="100%" class="list_item_table" id="item_list_table" border="0" cellspacing="0" cellpadding="0" summary="What's New">
<tbody>
<tr>
<td class="list_item_photo" valign="top"><a href="http://www.bzar.jp/phone/news "><img width="80" alt="代替テキスト" src="画像URL" border="0"></a></td>
<td class="list_data"><p class="date">日付</p>
<h3 class="list_title"><a href="http://www.bzar.jp/phone/news ">ニュースタイトル</a></h3></td>
</tr>
<tr>
<td class="list_item_photo" valign="top"><a href="http://www.bzar.jp/phone/news "><img width="80" alt="代替テキスト" src="画像URL" border="0"></a></td>
<td class="list_data"><p class="date">日付</p>
<h3 class="list_title"><a href="http://www.bzar.jp/phone/news ">ニュースタイトル</a></h3></td>
</tr>
<tr>
<td class="list_item_photo" valign="top"><a href="http://www.bzar.jp/phone/news "><img width="80" alt="代替テキスト" src="画像URL" border="0"></a></td>
<td class="list_data"><p class="date">日付</p>
<h3 class="list_title"><a href="http://www.bzar.jp/phone/news ">ニュースタイトル</a></h3></td>
</tr>
</tbody>
</table>
</div>

よろしくお願い致します。

Re 無題 投稿者:kobayashi No.16604 URL

ありがとうございました！

解決致しました！

記事を閉じる ヘッダーのお問い合わせについて 投稿者:アティック. No.16598 URL

お世話になります。

ヘッダー箇所のお問い合わせリンクですが、別窓で別のページにリンクさせたいと思います。ご教示いただけますでしょうか。よろしくお願いいたします。

Re お問い合わせについて 投稿者:おちゃのこ刑部 No.16600 URL

アティック.さん、こんにちは。

お問い合わせリンクについてです。
リンク先の変更を行うことはできません。
強制的に非表示にして、その位置にリンクを配置する方法となりますが、閲覧ブラウザによって位置が揃わないため推奨できません。

非表示にされた上で、別途左エリアの自由記入欄等で挿入される方法が良いかと思います。
下記にて、お問い合わせを非表示にすることができます。
※この指定は、XHTMLテンプレートのみに有効です。

.subicon02 {
display: none;
}

なお、HTML5テンプレートをご利用の場合は、ヘッダーメニューを自由記入欄で作成することも可能です。

よろしくお願い致します。

記事を閉じる 支払い方法制限 投稿者:トゥルモンド No.16587 URL

商品によって、クレジットカード支払い不可などの、
支払い方法に制限はかけられませんか？
注意書きだけですと、ある程度しか効果がないため。。

Re 支払い方法制限について 投稿者:おちゃのこ有本 No.16588 URL

トゥルモンドさん、こんにちは。

商品毎の支払い方法の制限についてですが、
検討課題とさせていただきます。

よろしくお願いいたします。

Re 無題 投稿者:トゥルモンド No.16595 URL

有本さん、ありがとうございます。
よろしくお願いいたします。

記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ刑部 No.16576 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●HTML5テンプレートのスライド表示部分にフェードイン・フェードアウト表示を追加しました。
これまでは、左右のスライド表示のみでしたが、フェードイン・フェードアウト表示が利用可能になりました。

・トップ画像
・商品詳細メイン画像

詳細は、下記のFAQをご覧ください。

http://www.ocnk.net/faq/index.php?action=artikel&cat=281620&id=977&artlang=ja

http://www.ocnk.net/faq/index.php?action=artikel&cat=281620&id=970&artlang=ja

よろしくお願い致します。

Re スライド表示の速度設定について 投稿者:トントンハウス　井藤 No.16578 URL

刑部さん、こんにちは。

さっそく新機能の「フェードイン・フェードアウト」を試したくて変更しましたが、フェードイン・フェードアウトの速度調整ができなかったため、「横にスライド」に戻したところ、速度調整が効かなくなりました。
コンテンツ商品表示設定のスライド設定が無効になっているようです。
確認いただけますでしょうか？
よろしくお願いします。

Re スライドについて 投稿者:おちゃのこ刑部 No.16580 URL

トントンハウス　井藤さん、こんにちは。

スライドについてです。
大変申し訳ございません。

今回の改善後、横スライドの場合に速度調整に不具合がございました。
先ほど調整させていただきました。

なお、フェードイン・フェードアウトについても速度調整は、横スライド時と同様にコンテンツ商品表示設定の設定が反映されます。

このたびは、ご迷惑をお掛け致しました。

よろしくお願い致します。

Re 無題 投稿者:トントンハウス　井藤 No.16585 URL

修正ありがとうございます。

Re 商品詳細メイン画像 投稿者:トゥルモンド No.16586 URL

商品詳細メイン画像も、トップ画像と同じように、自動スライドになりませんか？

Re 商品詳細メイン画像スライドについて 投稿者:おちゃのこ有本 No.16590 URL

トゥルモンドさん、こんにちは。

商品詳細メイン画像の自動スライドについてですが、
商品詳細ページのメイン画像が自動スライドするのは、
あまり一般的な表示方法ではなく、使い勝手に問題が出る可能性も考えられます。
そのため、現時点では対応の予定はございません。
ご了承ください。

よろしくお願いいたします。

Re 無題 投稿者:トゥルモンド No.16594 URL

有本さん、わかりました。ありがとうございます。

記事を閉じる 文字色 投稿者:友子 No.16589 URL

いつもお世話になっております。
商品一覧ページやトップページなどで表示される商品価格は文字が赤色になっているのですが、商品詳細ページのみ黒色になっています。
他の部分と同じ赤色にするためにはどのようにすればよろしいのでしょうか？

Re 販売価格について 投稿者:おちゃのこ刑部 No.16591 URL

友子さん、こんにちは。

販売価格についてです。
スタイルシートの編集から下記の箇所を編集してください。
color: #FF0000;を追加してください。

/* 商品詳細　販売価格金額 */
.detail_item_data .selling_price .figure {
font-weight: bold;
}

↓

/* 商品詳細　販売価格金額 */
.detail_item_data .selling_price .figure {
font-weight: bold;
color: #FF0000;
}

よろしくお願い致します。

Re 文字色 投稿者:友子 No.16593 URL

希望通りにできました。ありがとうございました。

記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ刑部 No.16592 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●ポイント除外設定が利用可能になりました。
これまで購入時に発行されるポイントは、購入された全商品が対象でしたが商品ごとに除外できるようになりました。

詳細は、下記FAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281600&id=1002&artlang=ja

よろしくお願い致します。

記事を閉じる ヘッダーナビゲーションモード 投稿者:友子 No.16582 URL

ヘッダーの部分に、ナビゲーションモードを利用して、フリーページで作成したお客様の声を表示したいと思っています。
自分で考えた方法で設定しましたら、他の項目と異なり、お客様の声だけ新規のページが開かれて表示されてしまいます。
他の項目と同じように、新規のページを開くことなく、フリーページで作成したページを表示させることはできるのでしょうか？

Re ナビゲーションモードについて 投稿者:おちゃのこ有本 No.16583 URL

友子さん、こんにちは。

現在掲示板のメニューをカスタマイズされて利用されておりますが、
外部掲示板を設定されますと、別ウィンドウでの表示となります。

設定方法としましては、
フリーページ設定の 「お客様の声」のメニュー表示を「表示」に変更してください。

その後、配置/画像/コメント 設定画面の
ナビゲーションモードの非表示エリアの欄に、「お客様の声」が表示されていると思いますので、
ナビゲーションモード表示エリアに移動させてください。

今使われている「お客様の声(掲示板利用)」は非表示エリアに移動させてください。

「設定処理を完了する」を押して設定を完了してください。

よろしくお願いいたします。

Re ナビゲーションモードについて 投稿者:友子 No.16584 URL

希望通りに設定できました。ありがとうございました。

記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ有本 No.16581 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●管理画面内のフォントを変更しました。
これまでもブラウザ側の設定で、メイリオにて利用は可能でしたが、設定されていないWindowsユーザの方は、MSPゴシックで表示されおりました。
メイリオに変更させていただいたのは、最新のIE等で表示した際、MSPゴシックでは文字間が詰まり見にくくなる可能性が高いためです。

管理画面内の各項目タイトルや説明、一覧の文字等が変更となっております。
ただし、入力エリア内のフォントについては、これまでと変更ありません。


よろしくお願い致します。

記事を閉じる 商品詳細ページに表示される「重み」を非表示について 投稿者:ムー No.16569 URL

いつもお世話になっております。
送料について「重量別送料」を設定しましたので
商品の詳細ページに重さがそれぞれ表示されるようになりました。
非表示にする方法を探しましたところ
おちゃのこサポートくらぶに下記のようなページがありました。

商品詳細ページに表示される「重み」を非表示にしたい
http://www.ocnk.net/faq/index.php?action=artikel&cat=281571&id=932

早速上記のページに記載されていたスタイルシートを追加しましたが
商品詳細ページには「重み」が表示されたままでした。
おちゃのこサポートくらぶで紹介されているスタイルシートは
HTML5のテンプレートでは無効でしょうか？
無効の場合はどのようなスタイルシートを使えばよいか教えていただけると助かります。
よろしくお願いいたします。

Re 重みについて 投稿者:おちゃのこ刑部 No.16571 URL

ムーさん、こんにちは。

重みについてです。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

.detail_section .delivery_option {
display: none;
}

よろしくお願い致します。

Re ありがとうございます 投稿者:ムー No.16575 URL

早速のご連絡ありがとうございます。
お知らせいただいたスタイルシートで問題が解決しました。
いつもありがとうございます！
今後ともよろしくお願いいたします。

記事を閉じる 背景色について 投稿者:さかい No.16567 URL

いつもお世話になります。
自分で色々と試行錯誤してみましたがサイトの作成に行き詰まってしまいましたのでお教え下さい。

サイトＴＯＰページのヘッダー下部ナビゲーションの色を変更したいと思いますが可能でしょうか？現状はグレーですが色は『Fuchsia』色に変更を希望しています。

また、フッター下部のコピーライト自由記入欄を使用し『買物ガイド』を作成したのですが背景色を白に変更したいと考えております。現状は薄いグレーになっております。場所について説明しづらいのですが、『買物ガイド』の左右の色です。

お忙しいところ申し訳ございせんが宜しくお願い致します。

Re ヘッダーについて 投稿者:おちゃのこ刑部 No.16568 URL

さかいさん、こんにちは。

ヘッダーについてです。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

#FF0000と指定している箇所をご希望のカラーコードに変更してください。
マウスオーバー時と選択中の#000000についてもご希望のカラーコードに変更してください。

/* ナビゲーション全体 */
#header_navigation #globalnavi ul.dropdown {
background-color: #FF0000;
background-image: none;
}

/* 各ナビゲーション */
#globalnavi li A {
background-color: #FF0000;
border-right: 1px solid #000000;
background-image: none;
color: #FFFFFF;
}

/* マウスオーバー */
#globalnavi li A:hover,
#globalnavi li.hover > div > .nav_link,
#globalnavi li.hover .toggle_link,
#globalnavi li.h_home:hover {
background-color: #000000;
background-image: none;
color: #FFFFFF;
}

/* 選択中 */
#globalnavi li.nav_on A {
background-color: #000000;
background-image: none;
color: #FFFFFF;
}


フッターについてです。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

#footer {
width: 100%;
background-color: #FFFFFF;
}

よろしくお願い致します。

Re グラデーション 投稿者:さかい No.16570 URL

ありがとうございました。

ちなみにヘッダー下部ナビゲーションの色をグラデーションにしたい場合はどうすればいいのでしょうか？
可能でしたら教えてください。

Re グラデーションについて 投稿者:おちゃのこ刑部 No.16572 URL

さかいさん、こんにちは。

グラデーションについてです。
下記の欄に背景画像を追加してください。
例えばグレーから白へのグラデーションの場合、画像でグレーから白へのグラデーション画像を作成してください。

画像専用管理画面→コンテンツフォルダにアップロード後、画像URL指定箇所のファイル名部分を変更してください。

画像は、横方向にリピート表示しますので、横幅は50px程度で問題ありません。

#footer {
width: 100%;
background-color: #FFFFFF;
background-image: url(image/ファイル名);
background-repeat: no-repeat;
background-position: left top;
}

よろしくお願い致します。

Re グラデーション 投稿者:さかい No.16573 URL

ありがとうございます。
せっかく教えて頂いたのですが、上手くできません。
画像サイズは50×50ピクセルでグラデーション画像を作成しました。
貼り付け位置はスタイルシート編集の下位で宜しいのでしょうか？
また、ヘッターナビゲーションの位置のグラデーションですが、CSSは#footerで大丈夫でしょうか？
度々スミマセンがご教授下さい。

ちなみに下記のように記載してみましたので間違いがないかもご確認頂けますでしょうか？


#footer {
width: 100%;
background-color: #FFFFFF;
background-image: url(image/http://keihinhonpo.ocnk.net/data/keihinhonpo/image/futter.jpg);
background-repeat: no-repeat;
background-position: left top;
}

Re グラデーションについて 投稿者:おちゃのこ刑部 No.16574 URL

さかいさん、こんにちは。

申し訳ありません。
フッターと間違えておりました。
#footerの背景画像は削除してください。

スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
※背景画像の指定は、image/ファイル名の形での記載をお願いします。


/* ナビゲーション全体 */
#header_navigation #globalnavi ul.dropdown {
background-image: url(image/futter.jpg);
background-repeat: repeat-x;
background-position: left top;
}

/* 各ナビゲーション */
#globalnavi li A {
background-image: url(image/futter.jpg);
background-repeat: repeat-x;
background-position: left top;
}


なお、マウスオーバー、選択中にも指定する場合は、下記をご利用ください。
※背景画像は、各ナビゲーションと同様となっていますので、ご自身で変更してください。

/* マウスオーバー */
#globalnavi li A:hover,
#globalnavi li.hover > div > .nav_link,
#globalnavi li.hover .toggle_link,
#globalnavi li.h_home:hover {
background-image: url(image/futter.jpg);
background-repeat: repeat-x;
background-position: left top;
}

/* 選択中 */
#globalnavi li.nav_on A {
background-image: url(image/futter.jpg);
background-repeat: repeat-x;
background-position: left top;
}

よろしくお願い致します。

記事を閉じる 基礎からのSEO見ました 投稿者:関谷 No.16564 URL

おちゃのこ通信　VOL.205　売り切れ商品ページについて

在庫切れ表示方法ですが、２つの表示が出来るようにはならないでしょうか？

うちの場合、サクランボや桃は１～２週で品種が入れ替わるため「完売・在庫なし」と「準備中・収穫前」の使い分けが出来ればありがたいです。

同じりんごでも１０月頃の表示で、８・９月のりんごは「完売・在庫なし」
１１・１２月のりんごは「準備中・収穫前」という場合もあるので、
全部同じ表示になってしまうと具合が悪いです。

現在は26年度産準備中となっていますが、例えば夏の桃など
収穫が終わって在庫は０なのに準備中ではおかしなことになりますし、
完売とするとその後の秋に収穫する物まで完売と表示されてしまうので。

切り替えができるサイトもあるので、おちゃのこネットでも
商品単位での設定ができるように改善をお願い致します。

Re 在庫表示について 投稿者:おちゃのこ刑部 No.16565 URL

関谷さん、こんにちは。

在庫表示についてです。
商品単位での設定は、改善課題となっております。
順次対応して参ります。

よろしくお願い致します。

新規登録

*必須項目

お名前
題名
コメント*
画像
※掲載可能な画像は、500kB以下のJPG・PNG・GIFファイルです。
アカウントID*
※半角英数字。記事にはショップのURLが表示されます。
ログインパスワード*
※管理画面ログイン時のパスワード

以下のフォームから自分の投稿記事を修正・削除することができます

処理: 記事No. パスワード: