おちゃのこ広場

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

開く
ご利用に際して
おちゃのこ広場では、以下のような書き込みを禁止します。
また、おちゃのこネットが不適当であると判断した場合、予告なく書き込みを削除する場合があります。
  • 誹謗中傷、他人を不愉快にさせるような書き込み。
  • 個人情報(住所、電話番号など)の書き込み。
  • 宣伝目的の書き込み。
おちゃのこネットは、おちゃのこ広場の使用に関連して発生したいかなる損害に対しても、一切の責任を負いません。
記事を閉じて表示
記事を閉じる 商品番号とカテゴリ変更について 投稿者:bearspaw No.15891 URL

商品番号がわかっているのでその番号で商品を呼びだして、カテゴリを新たに作ったSALEというカテゴリに金額を変更して登録したいのですが、簡単にできる方法はないでしょうか?
まだおちゃのこ初心者で申し訳ありません。お願いします

Re カテゴリについて 投稿者:おちゃのこ刑部 No.15892 URL

bearspawさん、こんにちは。

カテゴリについてです。
カテゴリの移動を簡単に行いたいということでしょうか?
一括で行う場合は、商品管理→商品の一括登録変更からCSVファイルで移動可能です。

方法については、下記のマニュアルをご参照ください。
http://www.ocnk.net/webmanual/index.php?action=artikel&cat=3&id=39&artlang=ja

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

記事を閉じる カートアンケートに関して 投稿者:カシワン No.15888 URL

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

カートアンケートに関してですが、
アンケート質問欄と解答欄の入力幅(横幅)の変更は可能でしょうか?

当店の場合、商品の特質上、アンケート質問文が長文になり、
横幅の狭いアンケート質問欄だと縦に長くなって読みづらくなってしまします。
質問欄と解答欄の横幅を逆転した横幅の状態が理想です。

解決方法等ございましたらお知らせ下さい。
よろしくお願いいたします。

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

カシワンさん、こんにちは。

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

#shoppingcart_page_step2 #question_1_block .td_color3,
#shoppingcart_page_step2 #question_2_block .td_color3,
#shoppingcart_page_step2 #question_3_block .td_color3,
#shoppingcart_page_step2 #question_4_block .td_color3 {
width: 450px;
}

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

Re 無題 投稿者:カシワン No.15890 URL

おちゃのこ刑部様

早速のご回答ありがとうございます。
指示内容で理想通り変更できました。

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

記事を閉じる Youtubeをスマートフォンで表示するとき 投稿者:ナッツ No.15886 URL

またYoutubeがらみの質問、スミマセン。

おちゃのこさんの場合、商品ページに用意されたYoutube欄にアドレスを書き込むと、スマートフォンでも正しく表示されるところが便利ですよね♪

スマホで検索してPCページを拾ってきても、ずっと前から、ちゃんとスマホに見やすく表示されるのも気に入ってます♪♪

ただ、最近Youtubeにハマりだして気づいたんですが、、、

調子づいて、フリーページやhtml欄へ、PCサイズに合わせたyoutubeを貼付けたとき、スマホや違う端末だと表示が大きすぎてはみ出してしまい、、、これはどうしたものかと困っております。

できれば、どのサイズの端末を使っても、表示サイズが自動的に大きくなったり、小さくなったりさせたいんですが、これは難しいですか?

また、今後おちゃのこさんでは、レスポンシブのテンプレートとかを発表される予定などはありますか?

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

ナッツさん、こんにちは。

スマートフォン版の動画についてです。
可変にすることは可能です。

スマートフォン版の商品説明欄やフリーページのhtmlタグ内の動画部分に下記のように<div>タグを追加してください。

<div class="phonemovie">動画用iframe</div>

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

.phonemovie {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.phonemovie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

テンプレートについては、レスポンシブ化の予定はございません。

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

記事を閉じる 特定商取引法表示が 投稿者:あじるび No.15879 URL

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

自分のサイトのトップページをチェックしていたところ、
左側の「あじるび店長のブログ」の上に表示されるはずの
「特定商取引表示」が見えない事に気づきました。
カーソルを合わせると文字が見えるのですが、
枠が表示されず、文字が白のせいで見えなくなってます。

スタイルシートを確認しましたが、
どこを修正すれば良いのか分からず焦ってます。

一体、どこを修正すれば
枠が出現するのか?
分かる方がいらっしゃいましたら
よろしくお願い致します。

Re 特定商取引法ボタンについて 投稿者:おちゃのこ刑部 No.15881 URL

あじるびさん、こんにちは。

特定商取引法ボタンについてです。
スタイルシート内の下記の箇所が原因です。
background-image: url(#E5CCB2);
背景画像指定部分にカラーコードが記載されているためです。
背景色を指定される場合は、下記のようにbackground-colorで指定してください。
background-color: #E5CCB2;

.shop {
width: auto;
margin: 0px 0px 2px;
padding: 8px 5px 8px 20px;
background-image: url(#E5CCB2);
background-repeat: no-repeat;
background-position: left top;
}

↓変更後

.shop {
width: auto;
margin: 0px 0px 2px;
padding: 8px 5px 8px 20px;
background-color: #E5CCB2;
}


また、既存の背景画像で表示されたい場合は、下記のようにbackground-imageを指定してください。

.shop {
width: auto;
margin: 0px 0px 2px;
padding: 8px 5px 8px 20px;
background-image: url(img/menu_bg02.gif);
background-repeat: no-repeat;
background-position: left top;
}

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

Re 出来ました! 投稿者:あじるび No.15885 URL

おちゃの刑部様

ご対応ありがとうございます。
修正し、表示できるようになりました!

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

今後ともどうぞよろしくお願い致します。

記事を閉じる TOPページのRSS画像の位置 投稿者:mamome No.15882 URL

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

TOPページのフッターあたりに表示されている
RSSの画像は、どういった意味のものなのでしょうか?

また、これが右にはみ出ているためか、
トップページのみ、
画面上に表示される位置が左にずれます。

RSS画像を枠内におさめ、
トップページと下階層のページで
位置が動かないようにするには
どうすればいいでしょうか?

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

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

mamomeさん、こんにちは。

RSSについては、下記をご参照ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281567&id=291&artlang=ja

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

.top_page_body #centertd {
padding-right: 0px!important;
}

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

Re TOPページのRSSの位置について 投稿者:mamome No.15884 URL

刑部様

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


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

.top_page_body #centertd {
padding-right: 0px!important;
}

お教えいただいた通り、貼り付けたのですが
位置が動きません。

再度解決策を教えていただけますでしょうか?

どうぞよろしくお願いいたします。

記事を閉じる カートに入れるボタンのカスタマイズ 投稿者:ラスポンチャス No.15875 URL

商品詳細ページの「カートに入れる」「お問い合わせ」ボタンを画像に変更しようとしております。

「おちゃのこサポートくらぶ」のこのページ ↓

http://www.ocnk.net/faq/index.php?action=artikel&cat=281585&id=458&artlang=ja&highlight=カートに入れる

を参考にスタイルシートを記述したのですが、うまく反映されません。
何が原因でしょうか?
画像はコンテンツフォルダに入っています。

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

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

ラスポンチャスさん、こんにちは。

ボタンについてです。
スタイルシート内の下記の箇所に } の記載が抜けています。
そのため、それ以降のスタイルシートが正常に反映されておりません。
} の追加をお願い致します。

.diary_page_body .ptitle {
width: 670px;
height: 40px;
padding: 0px 0px 0px 0px;
margin: 0px;
text-indent: -9999px;
background-image: url(image/title_diary.jpg);
} ←追加してください

また、上記変更後ボタンは表示されますが、下記の指定が優先されボタンの高さが35pxで表示されます。
下記の指定を削除いただくか、スタイルシートの最下部にheightを50pxに変更して追加をお願い致します。

.detail_item_text .item_bot_box .bot_b input {
height: 35px;
}

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

Re 無題 投稿者:ラスポンチャス No.15878 URL

刑部さま

ご指摘ありがとうございます!
} が抜けていたのですね! ケアレスミスでお手間を取らせてしまいすみませんでした(汗)

おかげさまで無事にボタンが変更できました。
ありがとうございました!

記事を閉じる 【神戸開催】おちゃのこネットセミナーレポート 投稿者:おちゃのこ刑部 No.15877 URL

皆さん、こんにちは。
お陰様で、予定通り先日2/6(木)に神戸にて弊社主催セミナーを開催する事が出来ました。
お越し頂いた皆さんに御礼を申し上げます。

スタッフ一同、ご利用ユーザーさまに直接お目にかかることができ大変有意義なセミナーとなりました。
今後も、このような機会を増やして参りますので、今回ご参加いただけなかった方も是非次回は、お越しください。

当日の様子は、セミナーレポートページの動画でご覧ください。
http://www.ocnk.net/seminar/index.php?report=20140206

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

記事を閉じる グループ画面上部に画像を入れる方法 投稿者:クマサキ No.15865 URL

お世話になります。

グループ画面上部にタイトル画像を挿入したいのですが、方法を教えてください。

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

Re グループページについて 投稿者:おちゃのこ刑部 No.15866 URL

クマサキさん、こんにちは。

グループページについてです。
下記のメルマガバックナンバーにカテゴリ一覧の例がございます。http://www.ocnk.net/ocnk_ma/ocnkmagazine_asm053.html#de

基本的には、id名だけの違いですので方法は同じです。

#categorylist_page_6 .ptitleの箇所が
例えば、http://www.rannohana.com/product-group/30ページの場合
#pickuplist_page_30 .ptitleとなります。

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

Re ありがとうございます。 投稿者:クマサキ No.15869 URL

おちゃのこ刑部様、お世話になります。

早速のお返事ありがとうございます。
バックナンバーのどれを見ていいかわからず困っていました。
やってみます。

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

記事を閉じる NP後払いの不具合 投稿者:伊藤 No.15867 URL

携帯で購入された方のNP後払いのでの登録に不具合があるようです。

NPコネクトライトで自動送信しているのですが、購入者がカート内で数量0にした商品もNPに送信された為、NPの審査が登録エラーとなりました。

もしかすると、携帯だけではなくPC、スマホも含めた不具合かもしれません。

ご確認をお願いいたします。

Re NP後払いについて 投稿者:おちゃのこ刑部 No.15868 URL

伊藤さん、こんにちは。

大変、申し訳ございません。
携帯版において、カート内で数量を0に変更された商品についてもNP側にデータを送信していたためNP側でエラーとなっているようでございました。
先ほど修正完了しております。

お手数ですが、NP側でエラーになっているものについてはNP側管理画面で修正していただけますでしょうか。

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

記事を閉じる iphoneのsafariでのデザイン崩れについて 投稿者:mamome No.15862 URL

刑部様

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

iphoneで見ると
TOPページ以外でのページの
中央エリアの内容が右にずれてしまっています。

対策をお教えていただけますか?
よろしくお願いいたします。

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

mamomeさん、こんにちは。

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

#pagetd {
width: 872px;
}

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

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

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●GMO後払いに対応いたしました。
GMO後払いに対応いたしました。
http://www.gmo-ps.com/

『GMO後払い』とは、GMOペイメントサービスが提供する未回収リスクのない後払い決済サービスです。
請求書発行・督促業務・入金管理は、すべてGMOペイメントサービスが行います。

購入者様は商品を受け取ってから、コンビニ・銀行・郵便局でお支払いただきます。
安心で便利な決済方法を導入することで、購入者様の購買ニーズを逃しません。

・決済機能ページ
http://www.ocnk.net/spec/index.php?screen=settlement

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

記事を閉じる 商品をランダムに掲載したいです 投稿者:マキウチ No.15857 URL

いつもお世話になっております。
NEW ITEMやおすすめITEMみたいなくくりで、掲載全商品の中から数点の商品を自動でランダムに掲載(ページ更新で切り替わるなど)するような機能がありますでしょうか?
それがあれば幅広いアイテムに目が行き届くな~と思いまして。。。
お手数ですがご回答お待ちしております。

Re 商品表示について 投稿者:おちゃのこ刑部 No.15859 URL

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

商品表示についてです。
現状、商品をランダムに表示する機能はございません。

代替案とはなりませんが、商品をスライドショーを使って表示させる方法もございます。
基本的には、htmlタグにて自由記入欄の作成が必要ですが、少ないスペースで複数の商品を紹介することができます。
http://www.ocnk.net/ocnk_ma/ocnkmagazine_asm183.html#de

トップページの商品表示については、新商品、おすすめ、ランキングという区分けしかございませんので、追加できるように検討しております。

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

Re 無題 投稿者:マキウチ No.15861 URL

ご回答ありがとうございます!
いつも丁寧にかつ迅速で非常に助かります。
代替案で検討してみます。
今後そのような機能が加わることを期待しております!!!

記事を閉じる フリーページについて 投稿者:ナッツ No.15858 URL

いつもお世話になっております。
フリーページについて、ずっと悩んでいるのでご相談させて下さい。

そろそろ、How to情報を作らねば、という時期にきているので
youtubeなどで動画を作っています。

1商品だけを紹介するページは、下記のように、
商品ページにそのままyoutubeをリンクしても解りやすいのですが、、、
http://www.nut2deco.com/product/4999

いろんなアイテムを重ねて使ったりすると複雑なので
商品ページを、情報ページにしてみました。
http://www.nut2deco.com/product/7789

でも。これではタイトルの下に「販売価格はお問い合わせください」と表示されてしまうので、解りづらいかなぁ?と思います。

フリーページを使う手もあるんですが、長いタイトルだと左サイドに表示される文字がこぼれてしまったデザインが美しくないし、フリーページがどんどん増えると管理しづらくて困ります。

今後、商品ページと同じ扱いで、カテゴリートップをリンクさせられるアイコンを作れたり、情報ページを簡単に作り加えることができるといいなと感じます。

または、フリーページの管理画面に写真を表示させたり、検索できたり、分類できたり、、、もっと管理しやすいものに改良して頂くことを検討頂けませんでしょうか?

コンテンツ作りが重要だということを実感することも多くなってきましたし、スマホのお客様も増えているので、PCやタブレット、何を使ってもより解りやすい動線が作れるよう、何かアイデアがあれば、、、と、、、

おちゃのこさんとしては、今後、何か改良予定はありますか?

Re フリーページについて 投稿者:おちゃのこ刑部 No.15860 URL

ナッツさん、こんにちは。

フリーページについては、以前よりカテゴリ化を検討しております。
カテゴリ化する際には、カテゴリ一覧ページを作成する予定ですので、その際各フリーページのサムネイル画像は必要になるかと思います。
カテゴリ化できれば、管理もしやすくなりますしフリーページの用途の幅が広がると考えております。

現状では、商品カテゴリを利用されておりますが、販売価格の文言は非表示にすることが可能です。
下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281597&id=451&artlang=ja

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

記事を閉じる メインカテゴリーの横幅を広くしたいです 投稿者:ムー No.15840 URL

お世話になっております。
左側にメニュー、右側にメインコンテンツというレイアウトで
テンプレートは2カラムタイプを使用していますが、
メインコンテンツの横幅を現状よりも広げたいです。
ソース表示を見てみるとテーブルを700ピクセルで固定されているのですが、
スタイルシートの編集画面には特に変更できる項目が見つかりませんでした。
メインコンテンツの横幅をピクセルによる絶対値の設定でなく、
パーセントでの相対値を使って広げたいのですが方法はありますでしょうか?
パーセントでの設定が出来ない場合は
700ピクセル以上の幅に変更することは可能でしょうか?

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

ムーさん、こんにちは。

横幅についてです。
固定値でしたら、横幅を指定することで強制的に広げることが可能です。
例として、200px広げた場合の指定を記載させていただきます。

ただし、商品表示列数は、画像サイズにより表示列数が下記のように決まっておりますので、変更することはできません。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=442&artlang=ja


#column2 .center_box,
#column2 #centertd {
width: 870px;
}

#column2 .style1_middle,
#column2 .style2_middle {
width: 860px;
}

#column2 .style1_table,
#column2 .style2_table {
width: 850px;
}

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

Re メインカテゴリーの横幅を広くしたいです 投稿者:ムー No.15848 URL

お返事ありがとうございます。
早速試しましたところ幅を広げることが出来ました。
ありがとうございます!

ちなみに、メインコンテンツの横幅をブラウザのサイズに合わせて
自動で伸縮するように設定することはできますか?
お忙しい中お手数をお掛けしますがよろしくお願い致します。

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

ムーさん、こんにちは。

可変表示についてです。
現状でも強制的に指定すれば可能なのですが、一部class名を付ければもう少し簡単に設定可能なため、改善させていただきます。

少しお時間をいただきます。

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

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

ムーさん、こんにちは。

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

.pagetd_inner_table {
width: 100%;
}

#column2 .center_box,
#column2 #centertd,
#column2 .style1_middle,
#column2 .style2_middle,
#column2 .style1_table,
#column2 .style2_table {
width: auto;
}

ただし、先日のご回答にも記載させていただいておりますが、商品一覧部分については、表示列数を増やすことはできません。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=442&artlang=ja

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

Re 横幅について 投稿者:ムー No.15856 URL

class名まで追加していただきありがとうございます!
おかげさまで自動的に伸縮できるようになりました。
今後ともどうぞよろしくお願い致します。

記事を閉じる おちゃのこネットWebマニュアル 投稿者:おちゃのこ刑部 No.15855 URL

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

本日、Web版のおちゃのこネットマニュアルを公開しました。
PDF版のマニュアルはございますが、より閲覧しやすいWeb版へ移行します。
※現在は、PDF版もダウンロード可能ですが、今後はWeb版のみの更新となります。

画面を管理画面と同様のメニュー形式にしておりますので、ご覧になりたいページのタブにマウスをのせてください。
現状公開しているのは、下記の3つとなります。
「受注管理」
「マーケティング」
「商品管理」

他の画面についても現在作成中です。

http://www.ocnk.net/webmanual/

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

記事を閉じる 商品一覧の写真の配置 投稿者:mamome No.15847 URL

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

前回のお返事ありがとうございました。

●商品一覧の商品写真のサイズは大きくしたら
画質が粗くなるとのことでしたので
サイズは200pxのまま、
横に4枚並べたいです。

トップページのNEW ITEMSも
それぞれのカテゴリページも同じように、
添付した画像のような感じで並べたいのですが
どうすればよいでしょうか?

写真同士の横の間隔は24px、
上下の間隔は70px、
左端の写真は左余白なし、
右端の写真は右余白なし
が希望です。

●ヘッダーの部分のスライドを
float:leftで設定しているのですが
「NEW ITEMS]バナーの上ラインに揃いません。
また、スライドの下にくるはずの
CLICK!という画像が見えません。
どう修正すればよいでしょうか?

お手数ですが、
おへんじよろしくお願いいたします。

Re 商品一覧について 投稿者:おちゃのこ刑部 No.15849 URL

mamomeさん、こんにちは。

商品一覧についてです。
申し訳ございませんが、200pxの場合は、横3列表示となります。
ご了承くださいませ。

スライド部分については、下記の手順で作業を行ってください。
下記の2か所を<div class="clearfix">~</div>で囲んでください。

<p id="topmenu1">
から下記の<p>タグの終了部分まで
<p id="topmenu5"><a href="http://www.punk-cake.com/help" target="_blank">ご利用案内</a></p>

<div class="bnr">
からスライドショー終了部分まで
</div>
<!-- スライドショー -->

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

#container .swipe_list .list_item_table {
background-color: transparent;
}

#bn_newitems,
#bn_sale {
float: none;
}

.bnr {
float: left;
}

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

Re 商品一覧の写真の配置 投稿者:mamome No.15850 URL

刑部さん、お返事ありがとうございます。

商品一覧を横3列表示にするには
どうすればいいのか
教えていただけますか?

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

Re 商品一覧について 投稿者:おちゃのこ刑部 No.15852 URL

mamomeさん、こんにちは。

商品一覧についてです。
3列表示にするには、画像サイズで160pxを選択していただく必要があります。
下記のFAQをご覧くださいませ。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=442&artlang=ja

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

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

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●ショッピングカート非表示がご利用のテンプレートのまま設定できるようになりました。
これまで、ショッピングカート非表示は、テンプレートの選択が必要でしたが、ご利用のテンプレートでショッピングカート機能のみを非表示にすることが可能になりました。
設定は、各コースごとで可能です。

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

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

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

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●ショップClose設定が各コースごとに設定可能になりました。
これまで、ショップClose設定は、PC版、携帯版、スマートフォン版で共通設定でしたが、各コースごとに設定することが可能になりました。

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

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

記事を閉じる New Item欄につきまして 投稿者:ホルダーマート No.15838 URL

お世話になっております。
New Itemの欄につきまして、リンクが商品1点ではなく
サブカテゴリへリンクする新商品を1点として表示したいです。

自由記入欄を使用するしかないでしょうか?
その場合は自由記入欄を使って
新商品欄のデザインで表示することは可能でしょうか?
画像があり、サブカテゴリ名、サブカテゴリへリンクしたいです。

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

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

ホルダーマートさん、こんにちは。

枠についてです。
新商品と同様の枠を利用する場合は、下記のhtmlタグをご利用ください。

それぞれ、リンク先やリンク名等は、ご自身で記載をお願い致します。
<td style="width: 110px;">~</td>が1商品となり、下記は4列表示となっています。

行を増やす場合は、<tr align="center" valign="top">~</tr>を追加してください。

<div class="center_box">
<div class="style1_top">メインタイトル</div>
<div class="style1_middle">
<table border="0" cellspacing="0" cellpadding="0" class="auto">
<tr>

<td>
<div class="style1_copy">コピー</div>
<div class="style1_table_top"></div>

<div class="layout_list">
<div class="style1_table_middle">

<table border="0" align="center" cellpadding="2" cellspacing="0" class="auto">
<tr align="center" valign="top">

<td style="width: 110px;">
<div class="photo_line_80" style="margin: auto; ">
<a href="リンク先"><img src="画像URL" alt="代替テキスト" border="0" width="80" /></a></div>
<div class="box_padding">
<div class="style1_text" >
<h2><a href="リンク先">リンク名</a></h2>
</div>
</div>
</td>

<td style="width: 110px;">
<div class="photo_line_80" style="margin: auto; ">
<a href="リンク先"><img src="画像URL" alt="代替テキスト" border="0" width="80" /></a></div>
<div class="box_padding">
<div class="style1_text" >
<h2><a href="リンク先">リンク名</a></h2>
</div>
</div>
</td>

<td style="width: 110px;">
<div class="photo_line_80" style="margin: auto; ">
<a href="リンク先"><img src="画像URL" alt="代替テキスト" border="0" width="80" /></a></div>
<div class="box_padding">
<div class="style1_text" >
<h2><a href="リンク先">リンク名</a></h2>
</div>
</div>
</td>

<td style="width: 110px;">
<div class="photo_line_80" style="margin: auto; ">
<a href="リンク先"><img src="画像URL" alt="代替テキスト" border="0" width="80" /></a></div>
<div class="box_padding">
<div class="style1_text" >
<h2><a href="リンク先">リンク名</a></h2>
</div>
</div>
</td>

</tr>
</table>
</div>
</div>
<div class="style1_table_bottom"></div>
</td>
</tr>
</table>
</div>
<div class="style1_bottom"></div>
</div>


また、上記以外にもスライドショーで表示する方法もございます。
下記のメルマガバックナンバーをご覧ください。
http://www.ocnk.net/ocnk_ma/ocnkmagazine_asm183.html#de

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

Re New Item欄につきまして 投稿者:ホルダーマート No.15844 URL

ご返信ありがとうございました!!
無事にできました。

スライドショーも今度挑戦してみようと思います!
ありがとうございました。
また何かありましたらよろしくお願いいたします。

記事を閉じる 商品一覧の写真サイズを大きくしたい 投稿者:mamome No.15839 URL

お世話になっています。

商品一覧の写真サイズを
現在は既存設定の最大サイズ200pxにしているのですが
サイトの幅をやはりもっと大きくしたいと考えており、
それに合わせて
一つ一つの商品の写真サイズも
もっと大きくしたいです。

スタイルシートで設定し、
大きくすることは可能ですか?
またその際に
マージンなども操作できますか?

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

mamomeさん、こんにちは。

写真についてです。
強制的に大きくすることは可能ですが、元の画像は200×200となりますので、画質が粗くぼやけた表示になる可能性があります。

例)250pxにした場合の指定

.layout_list .photo_line_80 img {
width: 250px;
height: 250px;
}

.layout_list .photo_line_80 {
width: 250px!important;
}

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

新規登録

*必須項目

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

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