中村さん、こんにちは。

もっと見るのリンク追加についてです。
下記のHTMLをご利用ください。
リンク先の箇所は、ご自身でリンク先URLに変更をお願いします。

<div class="more_item global_iconright">
<a class="general_btn" href="リンク先"><span class="nav_space"></span>もっと見る<i class="fa fa-chevron-right chevron_right_icon" aria-hidden="true"></i></a>
</div>

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

できました。
いつもありがとうございます。

中村さん、こんにちは。

レスポンシブテンプレートについてです。
現状ご利用のサイトも端末によって表示列数が変わります。
もう少し詳細を教えていただけますでしょうか？

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

スマホとPCで横並びの個数を変えたいと思っています。
スマホの場合（ウインドウ幅７６８ｐｘ未満）は画像を３個でウインドウ幅いっぱいで３等分に
７６８ｐｘ以上は画像を８個でウインドウ幅いっぱいに８等分にしたいです。

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

中村さん、こんにちは。

列数についてです。
768px以上と以下で8列と3列で固定列数ということでしょうか。
その場合、サムネイルサイズも変動します。

現状は、サムネイルサイズが固定で横幅によって列数が変化します。

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

現状、１２０pxの画像を並べているのですが
７６８ｐｘ以下は画像ｐｘをウインドウ幅の３２％
それ以上は画像ｐｘをウインドウ幅の１２％に可変するように
CSSとHTMLの記述で対応可能でしょうか？

ダメ元なんで、難しいようならあきらめます。。

中村さん、こんにちは。

スタイルシートの編集から下記の指定をコピーして貼り付けてください。
ブレークポイント(※切り替え横幅サイズ)は、768pxとしています。

現状、自由記入欄に<div style="margin:5px -10px 0px 3px">の記載があり、そのmarginが入りますので、本来3列の場合は33.3%、8列の場合は12.5%を指定しますが、それでははみ出します。
そのため、32%と12%で指定しています。
もし、該当のdivタグを削除された場合は、横幅指定も削除ください。

@media only screen and (min-width: 768px) {
以下が768px以上の指定となります。
以上が768px以下の指定となります。

#containerを指定に入れているのは、現状自由記入欄内に直接インラインでスタイル指定を追加されているため、その指定を上書きするためです。


#container #kinoyuka-003 figure {
display: block;
width: 32%;
height: auto;
margin: 0px;
}

#container #kinoyuka-003 figure img {
width: 100%;
height: auto;
margin: 0px;
}

#container #kinoyuka-003 figure A {
display: block;
margin: 3px;
}

@media only screen and (min-width: 768px) {
#container #kinoyuka-003 figure {
width: 12%;
}
}

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

刑部様
お世話になります。ご連絡ありがとうございます。
教えて頂きました方法でうまくいかないです。

#container #kinoyuka-003 figure {
以下をスタイルシートの一番下に張り付けるだけですと
添付の写真のように縦並びになってしまいます。

自由記入欄の方の変更も必要でしょうか
ちなみに現状は下記の内容になっています。

<div style="margin: -5px 0px 0px 0px">
<div class="section_title">
<h2><strong><span style="color: #000000; font-size: large;">無垢フローリング樹種一覧 </span></strong></h2>
</div>

<div style="margin:5px -10px 0px 3px">

<div class="kinoyuka-003" id="kinoyuka-003">
<style type="text/css">
#kinoyuka-003 figure { width: 112px; height: 70px; display: inline-block; vertical-align: top; margin: 3px 0px 0px 0px;}
#kinoyuka-003 figure img {display: block; margin: 0px 1px 0px 0px;}
#kinoyuka-003 figcaption {font-size: 11px; text-align: left; background-color: FFFFFF; }
</style>

<figure><a href="/product-list/119" target="_blank" title="アカシア（ミモザ）">
<img src="/data/kinoyuka/image/jyusyu-1.jpg" width="111" height="45" alt="アカシア（ミモザ）"><figcaption>アカシア（ミモザ）</figcaption></a></figure>
<figure><a href="/product-list/75" target="_blank" title="アジアンウォールナット">
<img src="/data/kinoyuka/image/jyusyu-2.jpg" width="111" height="45" alt="アジアンウォールナット"><figcaption>アジアン</figcaption><p style="margin-top:-7px; font-size: 11px; ">ウォールナット</p></a></figure>

・
・
・
・

</div></div></div>

お手数ですがよろしくお願いいたします。

中村さん、こんにちは。

申し訳ありません。
HTML変更部分の記載が漏れておりました。
自由記入欄の下記部分にclass名を追加ください。
その上で、スタイルシートを貼り付けていただき再度ご確認いただけますでしょうか。

<div class="kinoyuka-003" id="kinoyuka-003">
↓
<div class="kinoyuka-003 flex_layout flex_wrap" id="kinoyuka-003">

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

刑部様

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

これらもよろしくお願いします。

やまもとさん、こんにちは。

カート内の名称についてです。
現状変更することはできません。

代替案としては、それぞれの説明欄に文言を追加いただく方法か、CSSで文言を挿入する方法となります。

CSSで文言を追加する場合
●銀行振込
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※PC版スマホ版とも共通です。

#shoppingcart_page_step3 #cart_payment_bank .form_header:after {
content: "(前払い)" ;
}

●後払い
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※PC版スマホ版とも共通です。

#shoppingcart_page_step3 #cart_payment_after .form_header:after {
content: "(コンビニ払い)" ;
}

上記のように任意の文言をCSSで追加できますが、基本的には画面上でのみの表示となります。
メールや受注一覧には反映されません。
#cart_payment_bankや#cart_payment_afterのid名はそれぞれのお支払い方法により異なります。
他のお支払い方法でもご利用の場合は、カートの支払い方法選択画面まで進んでいただき、ソース上でid名をご確認下さい。

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

やまもとさん、こんにちは。

最低購入金額の注意書きについてです。
スタイルシートの編集から下記の指定を追加してください。

.lower_limitがその部分全体、.lower_limit .priceが金額のみを指定できます。
文字色や文字サイズはご希望に合わせて指定ください。

.lower_limit {
font-size: 15px;
}

.lower_limit .price {
color: #FF0000;
}

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

おちゃのこ刑部さま
早々の回答ありがとうございます。
早速スタイルシートに採用させていただきます
ありがとうございました

luckchuckさん、こんにちは。

店長日記についてです。
指定は、下記となります。上が一覧ページ、下が詳細ページ用です。
.pdiary_contents .date,
.pdiary .article_date {
display: none;
}

別途一覧を作成できるコンテンツについては、検討しております。

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

おちゃのこ刑部様

いつも大変お世話になっております。
お忙しい中、ご教示いただきありがとうございました。
無事希望通りになりました。
どうもありがとうございました。

また、よくある質問一覧につきましても、ご検討いただけるとのこと、
どうもありがとうございます！
どうか今後ともよろしくお願い申し上げます。

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

電話番号についてです。
技術的に可能かどうかはロボット側の技術となりますのでこちらでは分かりかねます。
ご了承くださいませ。
既に設定されておりますが、画像化いただいているようですのそちらでご対応をお願い致します。

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

かわさん、こんにちは。

カートに入れるボタンについてです。
レスポンシブデザインテンプレートでは、詳細ページ各項目の並び替えを細かく設定できるようになっています。ボタンセットや商品名を複数配置できるようにした場合、複雑になるため現状の仕様とさせていただいております。
なお、対策としてスクロールした際、右下に「カートに入れる」ボタンへのアンカーリンクが常に表示されるようにしております。

このアンカーリンクボタンについては、色等の変更も可能となっております。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。
ボタンの背景を赤色に変更できます。
.fixed_corner_box .move_to_add_cart {
background-color: #FF0000;
}

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

刑部様

ご回答ありがとうございます。
アンカーリンクは最下部までスクロールしきった場合にはじめて表示されるようですが、
下にスクロールしてある程度行ったくらいから表示されると良いかなと思いました。
今後、説明文下の「カートに入れるボタン」復活や、スクロール調整等をご検討いただければ幸いです。

アンカーリンクボタンの色変更のご提案ありがとうございました。
参考にさせていただきます。

中村さん、こんにちは。

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

上部の指定がトップページ用です。commonにて指定しているoverflow: auto;を打ち消す指定となります。
overflow: auto;については、挿入されるhtmlタグによって表示崩れを防ぐ目的で必要となります。
今回については、打ち消しても問題ありません。
下部の指定がカテゴリ一覧の説明欄用となります。
align: right;にてfloatしている状態ですので、解除する必要があります。

.main_free_box .custom_space {
overflow: visible;
}

.list_comment:after {
content: "";
display: block;
clear: both;
}

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

ありがとうございます。
修正できました。
今後ともよろしくお願いいたします。

luckchuckさん、こんにちは。

他の写真についてです。
画像の横幅、余白ともに調整可能です。

●画像の横幅について
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
固定の200pxから可変の90%幅に変更できます。

.other_item_data .zoom_link .item_image {
width: 90%;
}

●余白について
現状、他の写真説明欄に<p>タグを入れ、直後で改行されているため自動的に<p>タグの後ろに<br>タグが挿入されています。
そのため、1行目が全て余白となっています。
この改行を削除いただくことで、1行分余白を削除できます。

さらに調整される場合は、スタイルシートの編集から下記の指定を編集してください。
/* 他の写真説明 */
.other_photo_desc {
margin: 0px;
}
↓
/* 他の写真説明 */
.other_photo_desc {
margin: 0px;
padding-top: 0px;
}

補足ですが、作成中ショップのショップロゴをクリックすると、cafe0101のサイトにリンクしています。
自由記入欄の内容ですので、移行時にご注意ください。

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

刑部様！！

昨日に引き続きお忙しい中、本当にどうもありがとうございました！！
無事に理想通りにすることが出来ました！！！！
どうもありがとうございます！！！！！
また、ロゴのリンク先につきましてもご指摘いただきありがとうございます（涙
多分また早々にご質問させていただくことがあるかもしませんが・・・
1日も早くレスポンシブでリニューアルオープン出来るように頑張ります！！！！
どうもありがとうございました！！！！

luckchuckさん、こんにちは。

オーダーメイド設定についてです。
便利だと思いますので検討させていただきます。

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

刑部様

いつもお世話になっております。
ご検討いただけるとのこと、どうもありがとうございます！
どうか今後ともよろしくお願い申し上げます。

luckchuckさん、こんにちは。

オーダーメイド設定に開閉ボタンを追加しました。
ご確認くださいませ。

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

刑部様

早速ありがとうございます！！！！
お忙しい中、本当に感謝です（涙）
とっても作業しやすくて感動です。
本当にどうもありがとうございました！！！！！

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

メタタグ設定のディスクリプションについてです。
個別に設定されていない場合、全体設定の内容が反映される仕様となっております。

個別に設定される場合、埋め込みタグをご利用いただくことで自動的にページ名や商品名を入れることが可能です。
例）ディスクリプション
{PageTitle}全体設定のディスクリプションの内容

例）商品ページ
{Product}

上記のように埋め込みタグを利用して、ご利用案内等の通常ページについては、一括入力で商品ページについては全商品対象に一括設定を行うことも可能です。
詳細は、下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281594&id=570&artlang=ja

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

keiさん、こんにちは。

電話番号リンクになる点についてです。
「デザイン管理」の「商品一覧ページ設定」ページにある「自由記入欄」で、
最後の<a>タグの閉じタグが足りないため、ブラウザが正しくHTMLを認識できていないようです。

下記のようにHTMLを変更してください。


<p class="mb1"><a href="https://brilliant.ocnk.net/phone/contact"><img src="https://brilliant.ocnk.net/data/brilliant/image/inquiry/mail.png" alt="メールでお問い合わせ"></a></a></p>

<p><a href="tel:05058993250"><img src="https://brilliant.ocnk.net/data/brilliant/image/inquiry/tel.png" alt="電話でお問い合わせ"></li></p>

　↓

<p class="mb1"><a href="https://brilliant.ocnk.net/phone/contact"><img src="https://brilliant.ocnk.net/data/brilliant/image/inquiry/mail.png" alt="メールでお問い合わせ"></a></p>

<p><a href="tel:05058993250"><img src="https://brilliant.ocnk.net/data/brilliant/image/inquiry/tel.png" alt="電話でお問い合わせ"></a></p>


よろしくお願いします。

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

株式会社アヴァンサさん、こんにちは。

ソフト404エラーについてです。
全体HTTPSについては、影響はございません。
エラーが出ているのがどちらのページなのか詳細がわかるようでしたら教えていただけますでしょうか。

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

株式会社アヴァンサさん、こんにちは。

ソフト404エラーについてです。
詳細をお送りいただきありがとうございます。
お調べしてサポート担当よりメールにてご回答させていただきます。

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

luckchuckさん、こんにちは。

FTPオプションについてです。
アップロードしたファイルは、image以下やproduct以下などにアップロード可能です。
直下へのアップロードはできません。
例）
https://cafe-responsive.ocnk.net/data/cafe-responsive/image/html/index.html

アップロード可能ファイルとアップロードフォルダについては下記に一覧がございます。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281589&id=1147

作成ファイルについては、全て自由なhtmlで作成可能です。

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

刑部様

お忙しい中ご返答いただきありがとうございました。
きちんと理解出来ておらずすみませんでした。
今後ともどうかよろしくお願い申し上げます。

luckchuckさん、こんにちは。

文字サイズについてです。
レスポンシブテンプレート選択時にヘッダー欄で自由記入欄は、キャッチフレーズ欄もしくはショップ名欄となります。
表示位置をどの部分にされたいかで挿入箇所が異なります。
どちらに挿入される予定でしょうか。
・キャッチフレーズ欄より上
・キャッチフレーズ欄とショップロゴの間
・ショップロゴの下

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

お忙しい中迅速にご対応いただきありがとうございます！

理想は
ＰＣ＝カートアイコンの下（もしくは上）
スマホ＝ショップロゴの下
に配置出来たらうれしいです。

どうかよろしくお願い申し上げます。

luckchuckさん、こんにちは。

文字サイズについてです。
ショップ名ロゴ欄の自由記入欄から設定してください。
現状挿入されているhtmlタグの下部に文字サイズ設定用の指定を追加してください。

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

.font_setting {
position: relative;
right: auto;
top: auto;
}

@media only screen and (min-width: 800px) {
.font_setting {
position: absolute;
top: 50px;
right: 30px;
}
}

上部が、スマホ、タブレット用の指定です。
下部(800px以上)が、パソコン用の指定です。
※下部の指定はレスポンシブテンプレート用の特殊な指定となります。スタイルシート指定の閉じタグ}がずれると、その部分以下が全て適用される等の不具合が発生しますのでご注意ください。

位置については、topとrightの数値を変更することで調整可能です。
topの数値を大きくすると下に移動、rightの数値を大きくすると左に移動可能です。

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

刑部様！
早速ありがとうございます！
無事設定出来ました！！
また色々お伺いしたいことが出てくると思いますが、どうかよろしくお願い申し上げます。
どうもありがとうございました！！

治部さん、こんにちは。

送料無料についてです。
下記の送料無料除外設定で対応できませんでしょうか。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281592&id=1024&artlang=ja

一度ご確認ください。
よろしくお願い致します。

おちゃのこ刑部さん、こんにちは。

当店もヤマト運輸からの送料の見直しがあり、10月1日より北海道、沖縄県は東京都に比べて3倍近い送料となります。

お客様は送料に敏感なため送料無料を止めるわけにも行かず、かと言って送料無料除外設定を利用して北海道と沖縄県のお客様に限り通常の送料を請求するわけにも行かず・・・


お試しの商品や一定の商品金額に達した場合は送料無料とさせていただき、例外として北海道、沖縄県のみ送料を500円〜1000円ご負担いただく形にはならないものでしょうか？？

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

送料についてです。
ご要望いただいている点の詳細が少し分かりかねておりますが、沖縄、北海道を除外し通常送料もいただく形では対応が難しいのでしょうか。

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

おちゃのこ刑部さん、こんにちは。

説明が足りず、申し訳ありませんでした。具体的に説明したいと思います。



仮に送料が、東京まで800円、沖縄県まで1600円だったとします。

10,000円以上ご購入の場合、送料無料に設定していました。

10月1日より東京まで1,000円、沖縄県まで4,000円になったとしたら・・・

とても沖縄県からの注文を受けることはできません。完全に赤字になるからです。



送料の金額が無視できなくなった今、送料無料の線引が難しくなりました。

「鹿児島県までは送料無料で対応しますが、沖縄県は送料無料除外設定で定価の4,000円になります」というわけにも行かず、困っている次第です。



3年ほど前にもご相談させていただきましたが、（No.17011）送料が金額に応じて段階で設定できると、とても助かります。

通常の送料設定とは別に、送料無料除外設定ではなく、割引送料設定（例えば、商品代金10,000円以上で本島なら送料0円、沖縄県のみ3,000円に設定できるなど）を望んでいるおちゃのこネットユーザーはたくさんいらっしゃるのではないでしょうか？



ヤマト運輸との関係性や発送元の地域によって多少の違いはあると思いますが、今回の北海道と沖縄県への送料の値上げ率は尋常ではありません。

現状では、日本全国に発送するためには、もはや送料無料の施策を止めざるをえない状況です。

ネット通販で「送料無料が常識」のような風潮になってしまったことは販売者にとって喜ばしいことではありませんが、もはや引き返せない状況になっています。



望んでいることは、10000円以上ご購入の場合は送料無料（ただし送り先が北海道と沖縄県の場合は◯◯◯円のみご負担ください）というようなお客様への提案です。

システムが複雑になってしまうため導入は難しいかとは思いますが、今一度ご検討いただけませんでしょうか？よろしくお願いいたします。

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

送料設定についてです。
詳細なご説明ありがとうございます。
現状の送料ルールの仕様で可能かどうかも含めて社内で検討させていただきます。

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