おちゃのこ広場

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

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

いつもお世話になっております。
ただいまフリーページのサイドバー、ヘッダー等を非表示にしているのですが、http://www.naturalthingcentral.jp/page/30
のページのようにメインコンテンツ領域の横幅が変更出来ず左に寄ってしまいます。
メインコンテンツ領域のサイズを大外部分（860px）と揃えたいのですが、ご教授いただけますでしょうか。
よろしくお願い致します。

Re 横幅について 投稿者:おちゃのこ刑部 No.12757 URL

Mさん、こんにちは。

ページの横幅についてです。
ご自身で解決されたのでしょうか。現状860pxで揃っております。

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

記事を閉じる パンくずリストの編集 投稿者:hana No.12748 URL

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

商品カテゴリ一覧ページを、非表示にして、フリーページにて一覧ページを作成しました。
しかし、パンくずリストには、「商品カテゴリ一覧」と表示されてしまいます。

パンくずリストを編集することは、可能ですか？

Re パンくずリストについて 投稿者:おちゃのこ刑部 No.12750 URL

hanaさん、こんにちは。

パンくずリストについてです。
フリーページのパンくずは通常は、「フリーページ名」となります。

例えば、オーダーメイドという名称のフリーページを作成した場合のパンくずリストは、下記のようになります。

ホーム｜オーダーメイド

現状のフリーページを拝見させていただきましたが、フリーページ名になっているかと思います。

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

Re パンくずリストの表示 投稿者:hana No.12751 URL

刑部様

返信ありがとうございます。

すみません、書き方が悪かったですね。

フリーページで作った一覧ページを経由して、
商品ページへ行きますが、その商品ページに表示される
パンくずリストが

ホーム　｜　商品カテゴリ一覧：オーダーメイドブーケ　｜　ラウンドブーケ

のようになっています。この「商品カテゴリ一覧　：オーダーメイドブーケ」という部分を、自分で作ったフリーページの商品一覧と置き換えたいのですが
可能でしょうか？

もう一点、パンくずとは違いますが、質問です。
フリーページのファイル名が、page/1 などになるようですが、
これを、自分の好きなhtmlファイル名に変更はできないでしょうか？

Re パンくずについて 投稿者:おちゃのこ刑部 No.12752 URL

hanaさん、こんにちは。

商品詳細ページのパンくずのテキスト、リンク先を変更することはできません。
方法としては、キャッチフレーズ欄に新たにパンくずを追加し、スタイルシートにて位置を現状のパンくず部分に配置する方法となります。

●キャッチフレーズ欄に追加するhtmlの例
※ただし、このキャッチフレーズ欄の各フリーページへのリンク部分は、商品詳細ページにより異なってくるかと思います。
キャッチフレーズ欄は、各商品詳細ページ単位で設定可能ですので、ショップ基本設定→メタタグ個別設定から設定下さい。

URLとページ名はご自身で設定下さい。
------------------------------------------------------
<div class="new_pan">
<a href="ホームのURL">ホーム</a>｜
<a href="フリーページのURL">フリーページ名</a>｜
<span class="thispage">商品名</span>
</div>
------------------------------------------------------

●スタイルシートを編集する
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
------------------------------------------------------
.new_pan {
width: 660px;
height: 15px;
background-color: #FFFFFF;
position: absolute;
top: 405px;
left: 180px;
padding: 10px;
color: #000000;
font-size: 12px;
}

#copy .new_pan A {
font-size: 12px;
}

#copy .new_pan A:hover {
color: #CC9999;
}
------------------------------------------------------

なお、URLについては、変更いただくことはできません。
ご了承下さいませ。

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

記事を閉じる 携帯サイト閲覧 投稿者:ペットの用品店 BULL No.12747 URL

はじめまして。
ペットの用品店 BULLです。

お伺いしたいのですが、前、パソコンから
http://bull.ocnk.net/mobile
で携帯サイトを閲覧できたのですが、かなり前からパソコンから携帯サイトを閲覧出来なくなってしまいました。

原因が分かるようではあればご教授いただきたく、よろしくお願いいたします。

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

ペットの用品店 BULLさん、こんにちは。

パソコン版から確認する場合のURLは下記のようになります。後ろにも/を付けて下さい。

http://bull.ocnk.net/mobile/

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

記事を閉じる トップ画像の位置 投稿者:DEE No.12737 URL

はじめまして。
おちゃのこ初心者のため苦戦しております。。。
お力お貸しいただきたいと！

ショップロゴの裏側にトップ画像をもってきたいのですが、トップ画像が下に下がってしまいます。
位置調整はどのようにしたらよろしいでしょうか？

ちなみに
http://gmc.la/
こんな感じです。

宜しくお願い致します。

Re 位置調整について 投稿者:おちゃのこ刑部 No.12741 URL

DEEさん、こんにちは。

位置調整についてです。
現状のトップ画像左上の背景赤部分にショップ名画像を入れ込む形でよろしかったでしょうか。

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

-----------------------------------------------------------
body {
margin-top: 30px;
}
-----------------------------------------------------------

※既存のbody内のmargin: 100px 0px 0px 0px;をmargin: 30px 0px 0px 0px;に変更いただいても結構です。

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

Re できました！ 投稿者:DEE No.12746 URL

有難う御座いました。
おかげさまで出来ました。
また何かありましたら宜しくお願い致します。

記事を閉じる 画像の下に文字を入れる 投稿者:トリセン No.12730 URL
添付画像

お世話になります。トリセンです。

今、商品管理⇒商品カテゴリ管理のカテゴリー説明を書いています。
質問ですが、画像を右側に置いて、商品説明をその左側に書いています。
そこまでなら出来るのですが、右側に置いた画像の下に画像説明文を中央揃いで文字入れしたいと思っています。
いろいろ試しているのですが、どうしてもうまくいきません。現状、画像の下に文字画像を貼り付けたのですが、あまりすっきりしません。
どうすれば、よいのか教えていただけないでしょうか。
また、その画像に関係する説明文の回り込みを維持したいのですがどうすればよいのでしょうか。
お店の方はまだオープンしていないのですが
(商品管理⇒商品カテゴリ管理⇒サブカテゴリの白参）のところです。

よろしくお願いします。

Re レイアウトについて 投稿者:おちゃのこ刑部 No.12731 URL

トリセンさん、こんにちは。

レイアウトについてです。
現状は、画像にalign="left"を指定されていると思いますが、まずこのalign="left"は削除して下さい。

次に下記のようにdivタグとpタグを追加して下さい。
画像URLとテキストはご自身で変更して下さい。
--------------------------------------------------------
<div class="float_box">
<img src="画像URL" width="横幅" height="縦幅" alt="代替テキスト" />
<p class="float_text">テキスト</p>
</div>
--------------------------------------------------------

スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
--------------------------------------------------------
.float_box {
float: right;
}

.float_text {
margin: 5px 0px 0px;
}

.list_count {
clear: left;
}
--------------------------------------------------------

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

Re テキスト文字の位置調整 投稿者:トリセン No.12732 URL

おちゃのこ刑部様へ

ありがとうございます。大体はうまくいきました。
ただ、もっと説明文及び画像の下に入れたテキスト文の位置調整がしたいです。

まず、画像に関する説明文の右側部が画像とほとんどくっついているのですが
隙間を入れたいと思います。

また、画像の下に入れたテキスト文を画像の下に中央揃いで、しかも画像にもう少しくつけたいと思います。
そんなことができるのでしょうか。

よろしくお願いします。





Re 位置調整について 投稿者:おちゃのこ刑部 No.12733 URL

トリセンさん、こんにちは。

画像とテキストの位置調整についてです。
画像、テキストとも調整可能です。

●画像の場合
下記の指定をスタイルシート内に追加して下さい。
画像のmarginで調整可能です。
左から上、右、下、左の余白指定となります。
-----------------------------------------
.float_box img {
margin: 0px 0px 0px 0px;
}

●テキストの場合
先ほどの指定を変更して下さい。
-----------------------------------------
.float_text {
margin: 0px;
text-align: center;
}

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

Re 画像説明文の回り込みの調整 投稿者:トリセン No.12735 URL

おちゃのこ刑部様

たいへんありがとうございます。この商品のカテゴリー説明はうまくいきました。
同じタグを使って他のカテゴリー説明を書くとちょっとバランスがとれなくなりました。
説明文の回り込み解除位置のコントロールをしたいのですが、どこで調整するのでしょうか。
（鹿茸のカテゴリー説明文の回り込みの解除を一行早くしたいと思います。）

よろしくお願いします。

Re 回り込みについて 投稿者:おちゃのこ刑部 No.12739 URL

トリセンさん、こんにちは。

解除位置についてです。
現状</p>の後ろに<br />を入れていただいているため、1行余分に入っているためかと思います。
<br />を削除してご確認下さい。

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

Re 無題 投稿者:トリセン No.12745 URL

おちゃのこ刑部様へ

いつも迅速な対応していただきありがとうございます。

記事を閉じる 送料設定について 投稿者:ヒロ No.12742 URL

お世話になっております。
ホームページの案内のどこかに説明があったような気がするのですが、見つからないので、質問させて頂きます。
例えば、単品商品を一律送料500円。セット商品を送料無料にした場合、セット商品と、単品商品を同時に購入された場合、送料無料にしたいのですが、方法を教えてください。
また、説明されている箇所をお教え下さい。
宜しくお願い致します。

Re 送料設定について 投稿者:おちゃのこ刑部 No.12744 URL

ヒロさん、こんにちは。

送料設定についてです。
同梱商品送料無料設定については、下記のFAQをご覧下さい。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281592&id=668&artlang=ja

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

記事を閉じる 商品カテゴリー一覧のリスト 投稿者:ピン！ No.12736 URL

お世話になります。ひとつおしえてください。

デザインテンプレートはシンプルグレーを使っているのですが、
スタイルシートをカスタマイズしており、標準でカテゴリー一覧となっている左部のメニュー（.category_list）のなかのリストですが、標準で▲のリストアイコンがあると思うのですが、そのリストとカテゴリーの文字の間はどこで詰めますでしょうか？

.category_list　li｛｝で詰めてみたのですがうまくいきませんでした。

Re リストについて 投稿者:おちゃのこ刑部 No.12740 URL

ピン！さん、こんにちは。

カテゴリ一覧のリストについてです。
list-style-imageにて指定しておりますが、各ブラウザこのマークからテキストまでの距離が異なります。そのため、下記のようにliタグの背景画像を利用する方法でご対応下さい。

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

アイコンとテキストの余白調整は、
padding-left: 13px;
の値を調整することで可能です。
--------------------------------------------------------
#lefttd .category_list ul,
#lefttd .pickup_category_list ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#lefttd .category_list ul li ul,
#lefttd .pickup_category_list ul li ul {
margin: 3px 0px 0px -3px;
}

#lefttd .category_list ul ul,
#lefttd .pickup_category_list ul ul {
margin: 0px 0px 0px 10px;
padding: 0px;
}

#lefttd .category_list li,
#lefttd .pickup_category_list li {
list-style-image: none;
list-style: none;
background-image: url(img/icon04.gif);
background-repeat: no-repeat;
background-position: left -2px;
padding-left: 13px;
padding-bottom: 5px;
}
--------------------------------------------------------

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

Re ありがとうございます。 投稿者:ピン！ No.12743 URL

さっそくのご回答ありがとうございます。

一度試してみます。

迅速なご回答ありがとうございます。

記事を閉じる センターの幅の変更 投稿者:ボーズ No.12734 URL

2カラムで#container {width: 860px;}の設定で
.side_box {width: 200px;}
.center_box {width: 460px;}
という設定にして、マージン等で位置を調節したいのですが、
.center_boxのwidthの値を変えても幅が変わりません。
どうすれば変更できますか

Re 2カラムについて 投稿者:おちゃのこ刑部 No.12738 URL

ボーズさん、こんにちは。

2カラムレイアウト選択時に、別途2カラム用のCSSを適用しているテンプレートがございます。
ご利用のテンプレートでは、.center_boxに対して下記の指定を適用しています。

#column2 .center_box {
width: 670px;
margin: 0px 0px 30px;
}

.center_boxを変更する場合は、上記の指定をコピーしてスタイルいシート内に貼り付けていただき、width等を変更下さい。

下記のFAQもご覧下さいませ。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281597&id=644&artlang=ja

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

記事を閉じる おちゃのこオフィスが開きません。 投稿者:みずえ No.12727 URL

いつも、お世話になります。
おちゃのこオフィスが開かなくなりました。
途中で、真っ白なページになり、そのまま待っても開きません。
パソコン側の問題でしょうか？

Re オフィスについて 投稿者:おちゃのこ刑部 No.12728 URL

みずえさん、こんにちは。

オフィスについてです。
ご迷惑をお掛けして大変申し訳ございません。
一旦パソコンを再起動して再度オフィスをお試し下さい。
それでも起動しない場合は、下記のFAQをご覧の上アンインストールと再インストールをお試しいただけますでしょうか。

●WindowsXPをご利用の場合
http://www.ocnk.net/faq/index.php?action=artikel&cat=281610&id=534&artlang=ja

●WindowsVistaまたは7をご利用の場合
http://www.ocnk.net/faq/index.php?action=artikel&cat=281610&id=566&artlang=ja

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

Re 表示されました。 投稿者:みずえ No.12729 URL

済みません。今日は、大丈夫でした。
大変、お手数をかけました。
翌日改めて試してからにすればよかったのに、朝から出かける予定がありましたので、焦って書き込んでしまいました。すみません。
ありがとうごじました。

記事を閉じる ショッピングカートへの項目追加 投稿者:はんこ屋 No.12713 URL

こんにちは
ショッピングカート内のお客様情報記入欄へ項目を追加したいのですが
できるのでしょうか。
オリジナルの名入れ品のため、名入れする氏名や書体などいくつかの
項目を追加したいのです。
よろしくお願いいたします。

Re 項目追加 投稿者:おちゃのこ刑部 No.12719 URL

はんこ屋さん、こんにちは。

カート内への項目追加は、アンケートという形で項目を追加可能です。
ショップ運用設定→カートアンケート設定、年齢認証設定に設定いただければ、カート内のステップ2にアンケート欄が追加されます。

また、他の方法としては、オプションを利用いただく方法もございます。

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

Re 教えて下さい。 投稿者:みずえ No.12720 URL

横から入って、済みません。

>また、他の方法としては、オプションを利用いただく方法もございます。
これの方法がわかりません。教えて頂けませんか？
よろしくお願い致します。

あ、今見付けました。「用途・オプションの設定」のことですか？

Re オプションについて 投稿者:おちゃのこ刑部 No.12721 URL

みずえさん、こんにちは。

オプションですが、おっしゃるようにショップ運用設定→用途・オプションの設定となります。

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

Re ショッピングカートへの項目追加 投稿者:はんこ屋 No.12724 URL

おちゃのこ刑部さん　

ありがとうございました。
さらにですが、

ボタンタイプの項目などを追加することはできるのでしょうか
お客様に選択していただく必要がある項目があります。

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

Re ラジオボタンについて 投稿者:おちゃのこ刑部 No.12726 URL

はんこ屋さん、こんにちは。

アンケート欄についてです。
アンケート欄のラジオボタン等の設定については、改善課題となっております。
お待ちいただけますようお願い致します。

オプション欄では、複数の項目から選択は可能です。

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

記事を閉じる フリーページの写真表示について 投稿者:aki No.12723 URL

いつもお世話になっております。
当店のPCサイトはフリーページを使って、実際の梱包写真を載せています。今日から理由は分かりませんが、写真の部分だけ×となって、写真はうまく表示されません。携帯サイトは無事に表示されています。
http://www.sexy-aizu.com/page/11
パソコン一台しかありませんので、システムの問題なのか、私のパソコンの問題なのか、確認できません。ちなみにwindow7を使用しています。
よろしくお願いいたします。

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

akiさん、こんにちは。

フリーページ内にご利用の画像ですが、画像URLをお間違えではないでしょうか。現在ご利用のアカウントIDとは異なります。
ご確認下さい。

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

記事を閉じる 左エリアのショッピングカートの表示 投稿者:オホブラ百貨店 No.12706 URL

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

テンプレートを変えたためなのか
商品をカートに入れても
左エリアのショッピングカートの表示が出てこないのです。

「表示とレイアウトの設定」の「ショッピングカート」は
表示の設定になっております。

お手数ですが、解決方法を教えてください。
よろしくお願いします。

Re カートについて 投稿者:おちゃのこ刑部 No.12708 URL

オホブラ百貨店さん、こんにちは。

現状のページを確認しましたが、左エリアにカートの中身は表示されております。確認いただきたい点としては、カートページでは、左エリアにカートは表示しておりません。

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

Re ありがとうございます。 投稿者:オホブラ百貨店 No.12722 URL

回答ありがとうございます。

> 確認いただきたい点としては、カートページでは、
> 左エリアにカートは表示しておりません。

そうなのですね、仕様とわかり納得です。
ありがとうございました。

記事を閉じる セキュリティ警告 投稿者:地酒者 No.12712 URL

いつもお世話になります。
IEで閲覧するとセキュリティ警告が表示されます。
一番下の画像が原因だとおもうのですがhttpsにしても警告が表示されます。
恐れ入りますが原因を改善点をお教え頂けたらと思います。

Re セキュリティ警告について 投稿者:おちゃのこ刑部 No.12718 URL

地酒者さん、こんにちは。

セキュリティ警告についてです。
画像URLを
https://jizakemon.jp/data/okuhiroya/image/annai.gif
のように指定されておられますが、独自ドメインではなく共用ドメインで記載下さい。

上記の場合、URLは下記のように変更して下さい。
https://okuhiroya.ocnk.net/data/okuhiroya/image/annai.gif

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

記事を閉じる 直前に登録した商品を再度編集するには 投稿者:桜色の蛙 No.12709 URL

新規商品登録するときは、

「この商品をもとに商品登録する」
↓
完了ボタンで、WEBにて反映されたか確認


という流れで仕事をしていますが、
WEBで確認後、訂正がよくあります。

そういう時、直前に登録または編集した商品にワンタッチで戻れないのが不便です。

一度検索画面に戻って、今登録した商品名を入力、としていますが
もっと簡単にボタンができないでしょうか？

Re ページ遷移について 投稿者:おちゃのこ刑部 No.12711 URL

桜色の蛙さん、こんにちは。

ページ遷移についてです。
登録完了画面からワンクリックでは、変更画面遷移することは現状できません。
改善課題とさせていただきます。

現状ですと、登録完了画面上部の説明欄内の「登録内容を確認する」ボタンから内容をショップページ上でご確認下さい。
再度変更される場合は、同様に登録完了画面上部の説明欄内の「商品一覧に戻る」をクリックしていただくと登録された商品を含む商品一覧ページが表示されます。

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

Re ありがとうございます。 投稿者:桜色の蛙 No.12717 URL

お返事ありがとうございます。

確認画面で確認すれば確かに良いのですが、説明欄にHTMLを使っている場合、ただソースが出るだけで、仕上がりがわからないのが困っております。

是非是非、改善宜しくお願い致します！


記事を閉じる タイトルをクリックしてホームに戻る方法 投稿者:ひろみ No.12684 URL

ユニアイテムさんののように、タイトルをクリックして、ホーム画面に戻るようにするには、どうしたらいいですか？
http://uni-item.ocnk.net/

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

ひろみさん、こんにちは。

タイトルについてです。
ショップ名画像からのリンクについては、画像とコメントの設定→ショップ名画像欄にショップ名画像をご登録いただくことで、ホームへリンクされます。
現状、ショップ名画像をご登録いただいていないため、ショップ名テキストでの表示となっておりますが、CSSにてマイナスmarginを指定されているため表示されておりません。

現状のページを拝見しましたが、IE8では表示されておりますが、IE7ではメイン画像に大きなずれがあります。
グローバルメニューをmarginにて位置調整されておりますが、position指定の方が他のコンテンツの位置に影響を与えませんので、下記のようにスタイルシートを変更下さい。

----------------------------------------------------
#copy {
float:left;
}
----------------------------------------------------
↓変更後
----------------------------------------------------
#copy {
position: relative;
}
----------------------------------------------------

----------------------------------------------------
#tab01 ul{
margin:248px 0px 0px 0px;
padding: 0 0;
width:860px;
height:25px;
}
----------------------------------------------------
↓変更後
----------------------------------------------------
#tab01 ul{
margin:0px;
padding: 0 0;
width:860px;
height:25px;
position: absolute;
top: 248px;
}
----------------------------------------------------

----------------------------------------------------
.subnavi {
width:350px;
float:right;
margin:-275px 0px 0px 0px;
color:#CF906E;
}
----------------------------------------------------
↓変更後
----------------------------------------------------
.subnavi {
width:350px;
float:right;
margin:0px;
color:#CF906E;
}
----------------------------------------------------

----------------------------------------------------
.shoplogo {
width: 135px;
height:40px;
float:left;
margin:-120px 0px 0px 0px;
}
----------------------------------------------------
↓変更後
----------------------------------------------------
.shoplogo {
width: 135px;
height:40px;
float:left;
margin:0px 0px 0px 0px;
}
----------------------------------------------------

上記を変更いただいた上、画像とコメントの設定からショップ名画像を登録して下さい。左上に表示されます。
位置の調整は、.shoplogoのmarginで行って下さい。

また、ショップ名画像は利用せず、リンクだけ利用される場合は、上記を全て設定後、下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
リンクの範囲は、下記のwidthとheightで調整下さい。
width: 350px;
height: 50px;
----------------------------------------------------
.shoplogo A {
display: block;
width: 350px;
height: 50px;
}

.shoplogo img {
visibility: hidden;
}
----------------------------------------------------

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

Re ありがとうございました。 投稿者:ひろみ No.12716 URL

おちゃのこ刑部さん、返事が遅くなりましたが、ありがとうございました。
とても勉強になりました。これからもよろしくお願いします。

記事を閉じる カラム数について 投稿者:hana No.12714 URL

カラム数についてお尋ねします。

トップページだけを３カラムにし、あとのページは２カラムにすることはできますか？できるのならば、どういう方法でしょうか？

Re 解決しました 投稿者:hana No.12715 URL

トップページを３カラムにしても、サブページは２カラムにしかならないのですよね。確認不足ですみません（汗

記事を閉じる 中央エリアのセンタリング 投稿者:hana No.12707 URL

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

●トップのおすすめ商品のタイトル画像の指定は、どこに記入すればよいでしょうか？
.style1_top に記入しても反映されませんでした。

マニュアルでは、おすすめ商品と新商品は同じ.style1_top で管理されているようでした。なので、タイトル文字は画像ではなく、テキストの方がよいということでしょうか？

●トップ中央枠の上部は、自由記入欄にて画像等をテーブルで組んで、位置も調整しました。その下におすすめや新着を置きたいのですが、上の部分と余白を合わせるのは、どのようにすればよいでしょうか？あちこち、マージン等をいじりましたが、分かりませんでした。

どうぞご教授お願いいたします。

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

hanaさん、こんにちは。

ご質問についてです。

●トップのおすすめ商品のタイトル画像の指定は、どこに記入すればよいでしょうか？
.style1_top に記入しても反映されませんでした。

マニュアルでは、おすすめ商品と新商品は同じ.style1_top で管理されているようでした。なので、タイトル文字は画像ではなく、テキストの方がよいということでしょうか？
-------------------------------------------------------------
.style1_topで指定可能ですが、現状2カラムレイアウトをご利用ですので、この部分の指定は、下記のようにお願い致します。

#column2 .style1_top {
background-image: url(image/file.gif);
}

下記のFAQもご覧下さい。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281597&id=644&artlang=ja


●トップ中央枠の上部は、自由記入欄にて画像等をテーブルで組んで、位置も調整しました。その下におすすめや新着を置きたいのですが、上の部分と余白を合わせるのは、どのようにすればよいでしょうか？あちこち、マージン等をいじりましたが、分かりませんでした。
-------------------------------------------------------------
余白についてですが、上下ではなく左右の余白を調整されたいということでしょうか。
おすすめ商品については、下記の指定にて調整可能です。
---------------------------------------------------
#column2 .center_box {
margin-left: 95px;
width: 520px;
}

#column2 .style1_middle {
width: auto;
}
---------------------------------------------------

※ただし、What'sNewについては、現状背景画像を指定いただいておりますが、画像内に余白を入れておられるため、左に余白が余分に入る形になります。
余白が入らない形でタイトル画像の作成を行って下さい。

補足ですが、スタイルシート内で背景画像を指定される場合は、http://～の絶対パスではなく、image/～の相対パスで記載して下さい。
SSL保護下のページでセキュリティ警告の原因となります。
例）
background-image: url(image/file.gif);

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

記事を閉じる ショップ名画像 投稿者:hana No.12697 URL

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

トップ画像内のショップ名を透明gifにして、非表示にさせることまでは、できました。その上部にある、ショップ名の所まで透明gifを移動させるには、どうしたらよいのでしょうか？

Re ショップ名画像について 投稿者:おちゃのこ刑部 No.12701 URL

hanaさん、こんにちは。

ショップ名画像についてです。
細かい位置指定を行う場合は、絶対位置指定の方が設定しやすいかと思いますので、スタイルシート内に下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

位置は、top: 0px;　left: 0px;を調整して下さい。
--------------------------------------------------------
#header {
position: relative;
}

.shoplogo {
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
}
--------------------------------------------------------

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

Re 横並びメニューの位置 投稿者:hana No.12702 URL

ありがとうございます。ショップ名画像の透明gifは移動できました！

さらに横並びのメニューの追加中です。
過去のコメント見ながらキャッチコピー欄にHTMLを記入してスタイルシートも設定しましたが、思う位置まで移動できません。

横並びのメニューを、トップ画像の真下にくっつけるように移動させたいのですがどうしたらよいのでしょうか？

度々恐れ入りますが、よろしくお願い致します。

Re 位置について 投稿者:おちゃのこ刑部 No.12703 URL

hanaさん、こんにちは。

位置調整についてですが、現状のhtmlとスタイルシートを拝見しました。
下記の点をご確認下さい。
キャッチフレーズ欄のdivタグのclass名は、.header_menuとなっておりますが、スタイルシート側は、.header_naviとなっております。

そのため、スタイルシート内に記載されている指定が反映されておりません。
ご確認下さい。

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

Re ショップ名画像 投稿者:hana No.12704 URL

おちゃのこ刑部様

ありがとうございます。
横並びメニューは、無事に収まりましたが、そのためにまた透明のショップ画像の位置がおかしくなり、先ほどご教授頂いた方法で修正しました。

しかし、今度はリンクされる範囲がせまくなりました。これはどうしたらよろしいのでしょうか？

Re 画像の位置について 投稿者:hana No.12705 URL

おちゃのこ刑部様

お騒がせいたしました。
レイヤーの重なり順の問題でした（汗
自己解決致しました。

いつも助けて頂き、ありがとうございます！

記事を閉じる Googleショッピング用データ作成ツール 投稿者:mizu No.12699 URL

いつもお世話になっています。
Googleショッピング用データフィードへの対応ありがとうございます。

使ってみたのですが、この場合、特定の文字の消去にしか対応できず、
ショップ側の商品説明全体を見直す必要があります。

そこで提案なのですが、Googleショッピング用のCSVファイルをダウン
ロードできるようにしていただけないでしょうか？
CSVファイルであればEXCEL等で修正できますので、商品名、説明欄だけ
をGoogleショッピング用に書き換えることも簡単になると思います。

もしくは、商品設定画面でGoogleショッピング用の説明等を「携帯版
詳細な説明」欄のように別途追加できるようにするでも結構です。


現状では、多くのショップが自分でCSVファイルを作って登録している
のではないでしょうか？もう少し手間がかからない方法をご検討頂ける
と幸いです。

Re Googleショッピングについて 投稿者:おちゃのこ刑部 No.12700 URL

mizuさん、こんにちは。

Googleショッピング設定についてです。
現状のところCSVまたは商品登録画面での対応の予定はございません。
今後、皆さんからのご意見をお聞きした上で検討して参りたいと思います。

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

記事を閉じる フリーページの左に余白が欲しい時 投稿者:みずえ No.12692 URL

いつも、ありがとうございます。
左の欄にカレンダーを付けて以来、フリーページの記載とくっついてしまいました。フリーページの左に余白を設けるには、どうしたら良いでしょうか？

Re 余白について 投稿者:おちゃのこ刑部 No.12693 URL

みずえさん、こんにちは。

余白についてです。
下記のFAQに記載がございますので、ご覧下さい。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281586&id=396&artlang=ja

ただし、フリーページ内に横幅いっぱいのtableタグ等を挿入されている場合、余白を設定すると、ページがはみ出す可能性がありますので、ご注意下さい。
その際は、フリーページ内のtableタグの横幅を調整して下さい。

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

Re 出来ました。 投稿者:みずえ No.12694 URL

ありがとうございました。
とても、具合良くなりました。
ただ、トップページでも同じ現象が起こっているのです。
それで、左のカレンダーの左側にある余白を無くする方法はありませんか？
済みません。ありましたら、よろしくお願いします。

Re 済みません。 投稿者:みずえ No.12695 URL

あ、済みません。
左の余白を無くすと言うより、中央に持って来る方法を、お願いします。

Re カレンダーについて 投稿者:おちゃのこ刑部 No.12696 URL

みずえさん、こんにちは。

カレンダーの位置についてです。
下記の点を修正して下さい。

tableタグ内のstyle属性に、width: 150pxを追加して下さい。
----------------------------------------------------------
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC" style="font: 12px; color: #666666;">
----------------------------------------------------------
↓変更後
----------------------------------------------------------
<table border="0" cellpadding="1" cellspacing="1" bgcolor="#CCCCCC" style="font: 12px; color: #666666; width: 150px">
----------------------------------------------------------

その後、2つのカレンダー用tableタグを中央に寄せている、<center>と</center>を削除して下さい。

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

Re 出来ました。 投稿者:みずえ No.12698 URL

お陰さまで，綺麗になりました。
ありがとうございました。

新規登録

*必須項目

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

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

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