バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品一覧3列表示によるレイアウト崩れ

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
FUDO
投稿日時: 2011/9/27 16:25
対応状況: −−−
半人前
登録日: 2011/9/27
居住地:
投稿: 23
商品一覧3列表示によるレイアウト崩れ
[EC-CUBE] 2.11.1
[レンタルサーバ] EC-CUBEクラウドサーバ
[PHP] PHP 5.2.17
[データベース] MySQL 5.0.67-log


最近サイト構築を始めた初心者です。

http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=8406&forum=10&post_id=40836#forumpost40836

http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=8129&forum=10&post_id=39295#forumpost39295

などのスレッドを参考に、商品一覧は3列にはなったのですが、商品の高さが合わずレイアウトが崩れてしまいます。

http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=8406&forum=10&post_id=40836#forumpost40836

に書かれていたCSSをそのまま利用しようとしているのですが、『list.php』のCSSがどこの事なのかが分からなくて困っています。

/www/eccube/html/products/list.phpの事なのかと思い開いてみましたが、


<?php
/*
* This file is part of EC-CUBE
*
* Copyright(c) 2000-2011 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.
*/

// {{{ requires
require_once '../require.php';
require_once CLASS_EX_REALDIR . 'page_extends/products/LC_Page_Products_List_Ex.php';

// }}}
// {{{ generate page

$objPage = new LC_Page_Products_List_Ex();
register_shutdown_function(array($objPage, "destroy"));
$objPage->init();
$objPage->process();
?>


と、

http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=8406&forum=10&post_id=40836#forumpost40836

に書かれていた


----------------------------
list.php

<!--▼商品-->
<form name="product_form<!--{$id|h}-->" action="?" onsubmit="return false;">
<input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
<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}-->" class="over"><!--商品写真--><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH|sfTrimURL}-->/<!--{$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="65" height="14" 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}-->">
<!--{if $arrProduct.price02_min == $arrProduct.price02_max}-->
<!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
<!--{else}-->
<!--{$arrProduct.price02_min|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->〜<!--{$arrProduct.price02_max|sfCalcIncTax:$arrSiteInfo.tax:$arrSiteInfo.tax_rule|number_format}-->
<!--{/if}-->
</span><span id="price02_dynamic_<!--{$id}-->"></span>
円</span>
</div>

<!--★コメント★-->
<div class="listcomment"><!--{$arrProduct.main_list_comment|h|nl2br}--></div>
</div>
</div>
</form>

<!--▲商品-->



<!--{if $smarty.foreach.arrProducts.last}-->
<div style="clear:both;"></div>


とは違っていました。

書き換えるのか、そもそも違う所を直すのか、ご教示いただけると幸いです。

よろしくお願い致します。
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
 » 商品一覧3列表示によるレイアウト崩れ FUDO 2011/9/27 16:25
     Re: 商品一覧3列表示によるレイアウト崩れ tanaca 2011/9/27 17:41
       Re: 商品一覧3列表示によるレイアウト崩れ FUDO 2011/9/27 18:47
         Re: 商品一覧3列表示によるレイアウト崩れ tanaca 2011/9/27 20:54
           Re: 商品一覧3列表示によるレイアウト崩れ FUDO 2011/9/28 13:43
             Re: 商品一覧3列表示によるレイアウト崩れ tanaca 2011/9/28 13:50
               Re: 商品一覧3列表示によるレイアウト崩れ FUDO 2011/9/28 14:31
                 Re: 商品一覧3列表示によるレイアウト崩れ tanaca 2011/9/28 14:42
                   Re: 商品一覧3列表示によるレイアウト崩れ FUDO 2011/9/28 16:26
                     Re: 商品一覧3列表示によるレイアウト崩れ tanaca 2011/9/28 16:41
                       Re: 商品一覧3列表示によるレイアウト崩れ FUDO 2011/9/28 18:22

 



ログイン


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

統計情報

総メンバー数は145,110名です
総投稿数は113,505件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2340
5
h_tanaka
2139
6
umebius
2085
7
yuh
1905
8
mcontact
1820
9
red
1585
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
805
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18
balisys
603
19 DELIGHT 572
20
patapata
502


ネットショップの壺

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

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