• ベストアンサー

FC2ショッピングカートのカスタマイズ

FC2ショッピングカートのカスタマイズで悩んでおります。 最近リニューアルをしまして テンプレートを変更しました。 以前のテンプレートはきちんと表示されていたんですが 今回のベーシックウッドというテンプレートにすると 商品名が途中で切れて表示されたり カートボタンが半分見えなかったりします。 ヘルプでは 商品一覧箇所に高さの上限が設定されており テンプレートのカスタマイズにて 高さの調節は可能であるということでした。 必死でさがしているのですが。。 どのHTMLを触れば 商品名が切れず表示され 写真の大きさが統一出来て カートボタンが切れず 表示されるか お教え頂ければありがたいです。

質問者が選んだベストアンサー

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

わざと一定の高さで文章が途切れるような仕様です。 (画像をメインにする仕様ですね) スクロール無しの範囲で、より多くの商品が見れるから修正しない方が良いのでは? CSS3で新しめのブラウザに合わせているところもあるので、 古い環境は切り捨てているところもある仕様です・・・ ------------------ 応急処置: HTMLではなく、CSS(スタールシート)で変更 .contents .item_list .item { float: left; /* height: 30em; */ margin: 0 0 15px 36px; text-align: right; width: 140px; } .contents .item_list .item .comment1 { /* height: 3em; */ overflow: hidden; text-align: left; text-overflow: ellipsis; } 高さ変更も可能。 貴サイトや方針が不明なので、(このボックスの高さの設定の方針次第)・・・ とりあえず、 こうしたら高さが柔軟で良いかも。 但し、 各々の高さがバラバラになるから各列が崩れるだろうね・・・ HTMLを各行でクリアーしたり、ここのHTML構造を修正しないと無理。 (PHPも絡むから外部からは不明なので、コンパネの内部ソースを見ないと回答できない) つまり、初心者には難しいでしょう・・・ ------------------------------ 既製のテンプレートを修正できなくて、 妥協して利用しているオーナーが多いかと・・・ 各種のテンプレートにはバグもありますし、 全てのHTMLとCSSを見ながら調整/編集/確認しないと、プロでも何もできません。 貴方が編集して上手く表示できたとしても、自分環境の話なので、 世の中複数あるユーザー環境(例えばmac環境とか、数年前の旧IEとか)で、意図通り表示できるとは限りません・・・ 商用で販売されてるのなら、崩れたサイトだと商機を逃しますよね。 友人知人でHTML,CSSが分かる人に見てもらったり、有償でやってもらったりしたほうが確実ですよ。

cocomin-min
質問者

お礼

ありがとうございます。 やはりCCSですよね。HTMLではないと思いました。 CCSですが /* ================================================= Item list (Catalog) ================================================= */ .contents .item_list { overflow:hidden; } .contents .item_list ul { overflow:hidden; margin-left:-40px; } .contents .item_list .item { float:left; width:140px; height: 30em; margin: 0 0 15px 40px; text-align:right; } .contents .item_list .item dl { overflow:hidden; となっております。 どの部分が商品名の長さになりますか? 一応今10文字で改行で2行のみの表示になっています。 3行あればいいんですが・・・

関連するQ&A

  • FC2ショッピングカートのサイドバーについて

    FC2ショッピングカートのテンプレートhttp://sample.cart.fc2.com/?style=custamを利用して、サイトを作成しております。 テンプレートのように、右サイドバーに『おすすめ商品』や『売れ筋商品』『リンク』を表示させたいのですが、商品登録画面で"おすすめ商品"に登録しても、サイドバーに表示されません。。。 どうしたら良いのか分からず・・・ どなたかお分かりになる方がおりましたら宜しくお願いいたします。

  • FC2のショッピングカートをカスタマイズしたいのですが。。。

    http://cart1.fc2.com/cart/sample/?tplid=4046 ↑ 商品が横に1列しかないこのテンプレートを、 http://cart1.fc2.com/cart/sample/?tplid=107246 ↑ このように、商品を横に3つ並べたいのです。 HTMLとCSSをチェックして色々試してみたのですが、どこをどうすればいいかさっぱりわからず困っています。 (各ボックスの幅を変えることのみできました。) 誰か、どうすれば良いか教えていくれませんか。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • FC2 ショッピングカートについて

    FC2 ショッピング無料カートを使っています。質問ですが「簡単ページを利用する」を使用していますがこのページでもどのテンプレートでも商品の画像が小さく困っています。 どこを変えれば画像が大きくなりますか? ちなみにクリックすると画像が大きくなるようですがクリック前の画像を大きく表示したいです。

  • FC2ショッピングカートの背景画像変更ができません

    FC2ショッピングカートのカスタマイズをしたいのですが、 公式テンプレートのCSS、bodyのbackground:url( )内にアップロードした画像のURLをいれても 反映されません。 ずっと前にカスタマイズした時はそれでうまくいったのですが… どうしてなのかわからず困っています。 誰か教えていただけませんか?

    • ベストアンサー
    • HTML
  • FC2ショッピングカートにて・・・

    お世話になります FC2の無料ショッピングカートを利用しておりますが 提供されています公式テンプレートを使っていますが 公式テンプレートの一部など変更することは可能なのでしょうか? 恐れ入りますがご利用の方、お詳しい方、アドバイス願います。

    • 締切済み
    • CGI
  • FC2ショッピングカートのカスタマイズ方法について、

    FC2ショッピングカートのカスタマイズ方法について、 再びのお尋ねです。 FC2ショッピングカートの無料版を使用しています。 デザインは公式テンプレートのdefaultです。 このカスタマイズ方法についてお教えください。 「プラグイン」で「フリーエリア」を選択しました。 画像をクリックすると別のサイトに飛ぶ仕掛けにするため、 「プラグインの管理」でHTML編集を試み、 以下のタグを書き入れました。 <p class="plugin-freearea" &align> <a href="別のサイトのURL" target="_blank"><img style="float: left;" src="画像のURL" alt="" ></a> </p> これで目的の仕掛けは機能しました。 しかし、貼り付けた画像の周囲に3ピクセルほどの 紫色の囲み罫が残ってしまっています。 クリック、オーバーマウスしても色は変わりません。 グーグルでもBloggerのカスタマイズで同じ現象が出ています。 どちらも呼び出している画像の拡張子はgifです。 この紫色の囲み罫を削除したいのですが、 どなたか方法をご存知の方はいらっしゃらないでしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • FC2ショッピングカートのカスタマイズ

    FC2ショッピングカートのテンプレートを利用しているのですが 商品一覧の画像が大きくできず困っております 商品詳細ページの画像は{ItemImg.img_s}から{ItemImg.img}での変更で解決したのですが 商品一覧の画像は下記の様にサイズ指定だけですと、画像がぼけてしまいます {if item.list_img}<a href="{item.item_url}"><img src="{item.list_img}" alt="{item.name}"width="300" border="0"></a>{/if} 画像の大きさを合わせたり、色々試したのですが解決できません どなたか、詳しい方おりましたらお力を貸してください

  • FC2ショッピングカートのカスタマイズ方法について

    公式テンプレートのcosmeticを使用してHPを作る予定です。 http://sample.cart.fc2.com/?style=cosmetic 真ん中画面下のおすすめ商品の並びが横2つずつになっているのですが、横3つずつに変更したいです。 HTMLやCSSを色々変更してみたのですが結局上手くいかず・・・ どうすれば変更できるのか教えていただけないでしょうか。よろしくお願いします。

    • ベストアンサー
    • HTML
  • FC2ショッピングカートのカスタマイズ方法について

    FC2ショッピングカートのカスタマイズ方法について FC2ショッピングカートの無料版を使用しています。 デザインは公式テンプレートのdefaultです。 このカスタマイズ方法についてお教えください。 「リンク」の「プラグイン」の追加で バナー画像をクリックするとメーラーが立ち上がるようにしたいのですが うまくいきません。 「デザイン設定」→「プラグインの追加」→「リンク」を設定しました。 「プラグインの管理」でHTML編集を試みました。 以下、のタグが表示されました。 <ul> {foreach link} <li &align> <a href="{link.url}" target="{link.blank}"> {if link.banner_url}<img src="{link.banner_url}" border='0' alt="{link.title}" width="{link.banner_width}" height="{link.banner_height}">{/if} {!if link.banner_url}{link.title}{/!if} </a> </li> {/foreach link} </ul> そこで <ul> {foreach link} <li &align> <a href="mailto:メールアドレス" target="_blank"> {if link.banner_url}<img src="バナー画像のURL" border='0' alt="{link.title}" width="{link.banner_width}" height="{link.banner_height}">{/if} {!if link.banner_url}{link.title}{/!if} </a> </li> {/foreach link} </ul> としましたが、クリカブルにもならず、バナー画像も表示できません。 どなたか正しい記述の仕方をお教えいただけませんか。

    • ベストアンサー
    • HTML
  • ショッピングカートのカスタマイズ

    現在FC2のショッピングカートを使用してネットショッピングしているものです。 現在のショッピングカートで困っている事・不便な事があり、 もっと良いショッピングカートがないものか?と思いご質問します。 不便な事は2つあります。 1つは”商品毎の送料設定がしたい”です。 現在複数の商品を取り扱っておりますが、重量で重い商品や軽い商品を取り扱っております。 重い商品につきましては年間契約いただいた方に限り送料無料設定しております。 当たり前ですが、重い商品は送料が高く軽い商品は送料が安いです。 FC2では地域毎の送料設定や、ある金額以上の場合は送料無料設定等が出来ますが、商品毎に送料設定が出来ません。 自動返信メールで送料を加算してお客様へ送りたいのです。 「自動送信メールで送料無料、購入確認メールで改めて手入力で正しい金額のメールを送る」が出来ればそれにこした事がないのですが、それが出来ない事情があり困っているのです。 2つ目は”個人情報入力のチェックをかけたい(住所)”です。 〒112-8575 東京都文京区後楽1-3-61、東京ドームシティ を入力するとします。 例えば・・・ 【郵便番号】112-8575 【都道府県】東京都 【住所】文京区後楽 【番地】1-3-61 以上の様に入力して頂ければいいのですが、皆さんそんなに完璧な方ばかりではありません。 こんな方もいらっしゃいます。 【郵便番号】112-8575 【都道府県】東京都 【住所】東京都文京区後楽1-3-61 【番地】1-3-61 これが困るんです。 これを顧客管理からcsvダウンロードすると・・・ 112-8575,東京都,東京都文京区後楽1-3-61,1-3-61 となりまして、このままではデータ使用出来ません。 1件1件毎にまた住所チェックをしなければなりません。 せっかく入力時にチェックをかけれるのであればこの辺についてもチェックをかけれないのでしょうか? 誤入力防止が出来るカートがないのでしょうか? 以上の点をクリア出来るショッピングカートの存在を知っている方がいらっしゃれば教えてください。 よろしくお願いいたします。