質問 > その他 > 商品一覧ページの表示がうまくいきません。 |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
muffin |
投稿日時: 2015/2/18 9:36
対応状況: −−−
|
新米 登録日: 2015/2/18 居住地: 投稿: 6 |
商品一覧ページの表示がうまくいきません。 ------------------------------------------------------------------------------------------
[EC-CUBE] 2.13.3 [レンタルサーバ] さくらインターネット [PHP] PHP 5.4.35 [データベース] MySQL 5.5.38-log [WEBサーバ] Apache/2.2.25 [ブラウザ] IE ------------------------------------------------------------------------------------------ 商品を16個登録しています。 商品個別のページは問題なく表示されます。 商品一覧ページのURL 「/products/list.php 」 を表示すると、サイドメニューの下に商品一覧が表示されてしまいます。しかも、画像が表示されません。 きれいに商品一覧を表示するにはどのようにしたらいいのでしょうか? お教えください。 よろしくお願いいたします。 |
fukaq |
投稿日時: 2015/2/20 17:30
対応状況: −−−
|
常連 登録日: 2013/3/22 居住地: 投稿: 34 |
Re: 商品一覧ページの表示がうまくいきません。 EC-CUBEをインストールしてから商品一覧ページの編集や、
商品一覧で使用しているブロックの編集は行ってはおられませんか? 商品画像が表示されない件はよくわかりませんが、 トップページや商品詳細ページでは表示されているのでしょうか? |
muffin |
投稿日時: 2015/2/20 19:27
対応状況: −−−
|
新米 登録日: 2015/2/18 居住地: 投稿: 6 |
Re: 商品一覧ページの表示がうまくいきません。 おそらくしていないと思います。
商品一覧ページは自動でできるものではないのですか? すみません・・・基本的な質問で・・・。 |
fukaq |
投稿日時: 2015/2/20 19:30
対応状況: −−−
|
常連 登録日: 2013/3/22 居住地: 投稿: 34 |
Re: 商品一覧ページの表示がうまくいきません。 商品一覧ページはEC-CUBEインストールすれば、
自動的に作成されているはずです。 インストール直後から崩れていたのですか? |
muffin |
投稿日時: 2015/2/20 19:45
対応状況: −−−
|
新米 登録日: 2015/2/18 居住地: 投稿: 6 |
Re: 商品一覧ページの表示がうまくいきません。 実は私がインストールした訳ではありませんのでわかりませんが、たぶんいじっていないと思います。
ページ詳細設定の商品一覧ページ には以下のように記述されています。 <!--{* * This file is part of EC-CUBE * * Copyright(c) 2000-2014 LOCKON CO.,LTD. All Rights Reserved. * * http://www.lockon.co.jp/ * * This program is free software; you can redistribute it and/or * modify it under the terms of the GNU General Public License * as published by the Free Software Foundation; either version 2 * of the License, or (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program; if not, write to the Free Software * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. *}--> <script type="text/javascript">//<![CDATA[ function fnSetClassCategories(form, classcat_id2_selected) { var $form = $(form); var product_id = $form.find('input[name=product_id]').val(); var $sele1 = $form.find('select[name=classcategory_id1]'); var $sele2 = $form.find('select[name=classcategory_id2]'); eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected); } // 並び順を変更 function fnChangeOrderby(orderby) { eccube.setValue('orderby', orderby); eccube.setValue('pageno', 1); eccube.submitForm(); } // 表示件数を変更 function fnChangeDispNumber(dispNumber) { eccube.setValue('disp_number', dispNumber); eccube.setValue('pageno', 1); eccube.submitForm(); } // カゴに入れる function fnInCart(productForm) { var searchForm = $("#form1"); var cartForm = $(productForm); // 検索条件を引き継ぐ var hiddenValues = ['mode','category_id','maker_id','name','orderby','disp_number','pageno','rnd']; $.each(hiddenValues, function(){ // 商品別のフォームに検索条件の値があれば上書き if (cartForm.has('input[name='+this+']').length != 0) { cartForm.find('input[name='+this+']').val(searchForm.find('input[name='+this+']').val()); } // なければ追加 else { cartForm.append($('<input type="hidden" />').attr("name", this).val(searchForm.find('input[name='+this+']').val())); } }); // 商品別のフォームを送信 cartForm.submit(); } //]]></script> <div id="undercolumn"> <form name="form1" id="form1" method="get" action="?"> <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> <input type="hidden" name="mode" value="<!--{$mode|h}-->" /> <!--{* ▼検索条件 *}--> <input type="hidden" name="category_id" value="<!--{$arrSearchData.category_id|h}-->" /> <input type="hidden" name="maker_id" value="<!--{$arrSearchData.maker_id|h}-->" /> <input type="hidden" name="name" value="<!--{$arrSearchData.name|h}-->" /> <!--{* ▲検索条件 *}--> <!--{* ▼ページナビ関連 *}--> <input type="hidden" name="orderby" value="<!--{$orderby|h}-->" /> <input type="hidden" name="disp_number" value="<!--{$disp_number|h}-->" /> <input type="hidden" name="pageno" value="<!--{$tpl_pageno|h}-->" /> <!--{* ▲ページナビ関連 *}--> <input type="hidden" name="rnd" value="<!--{$tpl_rnd|h}-->" /> </form> <!--★タイトル★--> <h2 class="title"><!--{$tpl_subtitle|h}--></h2> <!--▼検索条件--> <!--{if $tpl_subtitle == "検索結果"}--> <ul class="pagecond_area"> <li><strong>商品カテゴリ:</strong><!--{$arrSearch.category|h}--></li> <!--{if $arrSearch.maker|strlen >= 1}--><li><strong>メーカー:</strong><!--{$arrSearch.maker|h}--></li><!--{/if}--> <li><strong>商品名:</strong><!--{$arrSearch.name|h}--></li> </ul> <!--{/if}--> <!--▲検索条件--> <!--▼ページナビ(本文)--> <!--{capture name=page_navi_body}--> <div class="pagenumber_area clearfix"> <div class="change"> <!--{if $orderby != 'price'}--> <a href="java script:fnChangeOrderby('price');">価格順</a> <!--{else}--> <strong>価格順</strong> <!--{/if}--> <!--{if $orderby != "date"}--> <a href="java script:fnChangeOrderby('date');">新着順</a> <!--{else}--> <strong>新着順</strong> <!--{/if}--> 表示件数 <select name="disp_number" onchange="java script:fnChangeDispNumber(this.value);"> <!--{foreach from=$arrPRODUCTLISTMAX item="dispnum" key="num"}--> <!--{if $num == $disp_number}--> <option value="<!--{$num}-->" selected="selected" ><!--{$dispnum}--></option> <!--{else}--> <option value="<!--{$num}-->" ><!--{$dispnum}--></option> <!--{/if}--> <!--{/foreach}--> </select> </div> <div class="navi"><!--{$tpl_strnavi}--></div> </div> <!--{/capture}--> <!--▲ページナビ(本文)--> <!--{foreach from=$arrProducts item=arrProduct name=arrProducts}--> <!--{if $smarty.foreach.arrProducts.first}--> <!--▼件数--> <div> <span class="attention"><!--{$tpl_linemax}-->件</span>の商品がございます。 </div> <!--▲件数--> <!--▼ページナビ(上部)--> <form name="page_navi_top" id="page_navi_top" action="?"> <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}--> </form> <!--▲ページナビ(上部)--> <!--{/if}--> <!--{assign var=id value=$arrProduct.product_id}--> <!--{assign var=arrErr value=$arrProduct.arrErr}--> <!--▼商品--> <form name="product_form<!--{$id|h}-->" action="?"> <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> <input type="hidden" name="product_id" value="<!--{$id|h}-->" /> <input type="hidden" name="product_class_id" id="product_class_id<!--{$id|h}-->" value="<!--{$tpl_product_class_id[$id]}-->" /> <div class="list_area clearfix"> <a name="product<!--{$id|h}-->"></a> <div class="listphoto"> <!--★画像★--> <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"> <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" /></a> </div> <div class="listrightbloc"> <!--▼商品ステータス--> <!--{if count($productStatus[$id]) > 0}--> <ul class="status_icon clearfix"> <!--{foreach from=$productStatus[$id] item=status}--> <li> <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$status]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$status]}-->"/> </li> <!--{/foreach}--> </ul> <!--{/if}--> <!--▲商品ステータス--> <!--★商品名★--> <h3> <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"><!--{$arrProduct.name|h}--></a> </h3> <!--★価格★--> <div class="pricebox sale_price"> <!--{$smarty.const.SALE_PRICE_TITLE}-->(税込): <span class="price"> <span id="price02_default_<!--{$id}-->"><!--{strip}--> <!--{if $arrProduct.price02_min_inctax == $arrProduct.price02_max_inctax}--> <!--{$arrProduct.price02_min_inctax|n2s}--> <!--{else}--> <!--{$arrProduct.price02_min_inctax|n2s}-->〜<!--{$arrProduct.price02_max_inctax|n2s}--> <!--{/if}--> </span><span id="price02_dynamic_<!--{$id}-->"></span><!--{/strip}--> 円</span> </div> <!--★コメント★--> <div class="listcomment"><!--{$arrProduct.main_list_comment|h|nl2br}--></div> <!--★商品詳細を見る★--> <div class="detail_btn"> <!--{assign var=name value="detail`$id`"}--> <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->"> <img class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_detail.jpg" alt="商品詳細を見る" name="<!--{$name}-->" id="<!--{$name}-->" /> </a> </div> <!--▼買い物カゴ--> <div class="cart_area clearfix"> <!--{if $tpl_stock_find[$id]}--> <!--{if $tpl_classcat_find1[$id]}--> <div class="classlist"> <dl class="size01 clearfix"> <!--▼規格1--> <dt><!--{$tpl_class_name1[$id]|h}-->:</dt> <dd> <select name="classcategory_id1" style="<!--{$arrErr.classcategory_id1|sfGetErrorColor}-->"> <!--{html_options options=$arrClassCat1[$id] selected=$arrProduct.classcategory_id1}--> </select> <!--{if $arrErr.classcategory_id1 != ""}--> <p class="attention">※ <!--{$tpl_class_name1[$id]}-->を入力して下さい。</p> <!--{/if}--> </dd> <!--▲規格1--> </dl> <!--{if $tpl_classcat_find2[$id]}--> <dl class="size02 clearfix"> <!--▼規格2--> <dt><!--{$tpl_class_name2[$id]|h}-->:</dt> <dd> <select name="classcategory_id2" style="<!--{$arrErr.classcategory_id2|sfGetErrorColor}-->"> </select> <!--{if $arrErr.classcategory_id2 != ""}--> <p class="attention">※ <!--{$tpl_class_name2[$id]}-->を入力して下さい。</p> <!--{/if}--> </dd> <!--▲規格2--> </dl> <!--{/if}--> </div> <!--{/if}--> <div class="cartin clearfix"> <div class="quantity"> 数量:<input type="text" name="quantity" class="box" value="<!--{$arrProduct.quantity|default:1|h}-->" maxlength="<!--{$smarty.const.INT_LEN}-->" style="<!--{$arrErr.quantity|sfGetErrorColor}-->" /> <!--{if $arrErr.quantity != ""}--> <br /><span class="attention"><!--{$arrErr.quantity}--></span> <!--{/if}--> </div> <div class="cartin_btn"> <!--★カゴに入れる★--> <div id="cartbtn_default_<!--{$id}-->"> <input type="image" id="cart<!--{$id}-->" src="<!--{$TPL_URLPATH}-->img/button/btn_cartin.jpg" alt="カゴに入れる" onclick="fnInCart(this.form); return false;" class="hover_change_image" /> </div> <div class="attention" id="cartbtn_dynamic_<!--{$id}-->"></div> </div> </div> <!--{else}--> <div class="cartbtn attention">申し訳ございませんが、只今品切れ中です。</div> <!--{/if}--> </div> <!--▲買い物カゴ--> </div> </div> </form> <!--▲商品--> <!--{if $smarty.foreach.arrProducts.last}--> <!--▼ページナビ(下部)--> <form name="page_navi_bottom" id="page_navi_bottom" action="?"> <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> <!--{if $tpl_linemax > 0}--><!--{$smarty.capture.page_navi_body|smarty:nodefaults}--><!--{/if}--> </form> <!--▲ページナビ(下部)--> <!--{/if}--> <!--{foreachelse}--> <!--{include file="frontparts/search_zero.tpl"}--> <!--{/foreach}--> </div> 素人ですみません。 |
IPLOGIC |
投稿日時: 2015/2/20 20:21
対応状況: −−−
|
一人前 登録日: 2014/12/8 居住地: 東京都 投稿: 96 |
Re: 商品一覧ページの表示がうまくいきません。 muffin 様
muffin様のlist.tplとデフォルトのlist.tplを見比べてみたところ、特に差分は無く、試しにmuffin様のlist.tplで商品一覧を見てみたところ、特に不具合はありませんでした。 可能性として考えられるのはcssの問題でしょうか。 以前にcssを変更された経緯がございますでしょうか? 可能であればhtml/user_data/packages/default/css/common.cssの69行目付近の #main_column.colnum2.rightに書かれているコードをお見せいただくことは可能でしょうか?
|
muffin |
投稿日時: 2015/2/21 7:54
対応状況: −−−
|
新米 登録日: 2015/2/18 居住地: 投稿: 6 |
Re: 商品一覧ページの表示がうまくいきません。 アイピーロジック株式会社 ご担当者様
ご回答ありがとうございます。 感謝いたします。 さて、当方の状況ですが、以下の通りです。 以前にcssを変更された経緯がございますでしょうか? ⇒おそらく変更していると思います。 user_data/packages/default/css/ に「common.css」のファイルがなく、 user_data/packages/_default/css/common.css がありました。 内容は以下の通りです。 /* ============================================== カラム指定 =============================================== */ /* メイン部 ----------------------------------------------- */ #main_column { padding: 10px 0 0; } /* 1カラム時 */ #main_column.colnum1 { margin: 0 auto; width: 80%; } /* 2カラム時 (共通) */ #main_column.colnum2 { width: 78%; } /* 2カラム時 (メイン部が左) */ #main_column.colnum2.left { padding-left: 1.5%; float: left; } /* 2カラム時 (メイン部が右) */ #main_column.colnum2.right { padding-right: 1.5%; float: right; } /* 3カラム時 */ #main_column.colnum3 { padding-left: 0.5%; width: 59%; float: left; } /* サイドカラム ----------------------------------------------- */ .side_column { padding: 10px 0 0; } #leftcolumn { float: left; width: 20%; } #rightcolumn { float: right; width: 20%; } お忙しいところ、申し訳ありませんが、何卒よろしくお願いいたします。 |
IPLOGIC |
投稿日時: 2015/2/23 18:19
対応状況: −−−
|
一人前 登録日: 2014/12/8 居住地: 東京都 投稿: 96 |
Re: 商品一覧ページの表示がうまくいきません。 muffin 様
>user_data/packages/default/css/ >に「common.css」のファイルがなく、 >user_data/packages/_default/css/common.css >がありました。 デフォルトのテンプレートではなくデザインテンプレートを使用しているのでしょうか? また、_defaultをdefaultのようにアンダーバーを取って見た場合どうなるか試すことは可能でしょうか?
|
muffin |
投稿日時: 2015/2/27 13:34
対応状況: −−−
|
新米 登録日: 2015/2/18 居住地: 投稿: 6 |
Re: 商品一覧ページの表示がうまくいきません。 ご回答いただきながら、こちらからの返信が遅くなりましてすみません。
おそらく、デザインテンプレートではないのだと思います。 > また、_defaultをdefaultのようにアンダーバーを取って見た場合どうなるか試すことは可能でしょうか? とのことですが、現在 default のフォルダーもありますので、_を取ると同じ名称になってしまいます。 _defaultの中のファイルも使っているようなので、名称を変えたら 不具合が起こる気がします。 ちなみに_defaultのフォルダーには、以下のフォルダーが入っています。 css img js sql 以上、4つのフォルダーです。 以上です。 よろしくお願いいたします。 |
IPLOGIC |
投稿日時: 2015/3/2 20:05
対応状況: −−−
|
一人前 登録日: 2014/12/8 居住地: 東京都 投稿: 96 |
Re: 商品一覧ページの表示がうまくいきません。 muffin 様
user_data/packages/default/というディレクトリはあり、 user_data/packages/default/css/配下の中にcommon.cssというファイルは無いということですね? では user_data/packages/_default/css/配下のcommon.cssに代わるcssファイルが user_data/packages/default/css/配下にありませんでしょうか? もしこれでも解決しそうに無い場合は、可能であればcssその他を変更した前任者の方に直接問い合わせるか、当方含むシステム会社に一度見てもらう方が早いかと思います。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |