バージョン選択

フォーラム

メニュー

オンライン状況

64 人のユーザが現在オンラインです。 (51 人のユーザが フォーラム を参照しています。)
登録ユーザ: 1
ゲスト: 63
tattsu もっと...

サイト内検索

質問 > その他 > 商品一覧ページの表示がうまくいきません。

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
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}-->&nbsp;
<!--{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に書かれているコードをお見せいただくことは可能でしょうか?


----------------
アイピーロジック株式会社
EC-CUBE専用メール配信サービス「PostCarrier for EC-CUBE」
[url=http://www.rakusite.net/]EC-CUBE専用サイト保守監視サービス「らくらくサイト保守

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のようにアンダーバーを取って見た場合どうなるか試すことは可能でしょうか?


----------------
アイピーロジック株式会社
EC-CUBE専用メール配信サービス「PostCarrier for EC-CUBE」
[url=http://www.rakusite.net/]EC-CUBE専用サイト保守監視サービス「らくらくサイト保守

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その他を変更した前任者の方に直接問い合わせるか、当方含むシステム会社に一度見てもらう方が早いかと思います。


----------------
アイピーロジック株式会社
EC-CUBE専用メール配信サービス「PostCarrier for EC-CUBE」
[url=http://www.rakusite.net/]EC-CUBE専用サイト保守監視サービス「らくらくサイト保守

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,280名です
総投稿数は109,687件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.