商品リストのテーブルを消して商品を横並びにしたい

困った時はこちらで質問してください。回答を担当する人は特に決まっていませんので、分かる方は回答をお願いします。
アバター
yuyuyu
記事: 5
登録日時: 2008/6/28 14:20

商品リストのテーブルを消して商品を横並びにしたい

投稿記事by yuyuyu » 2008/9/19 11:36

カテゴリの商品リストを
・画像|商品名A|価格
・画像|商品名B|価格
・画像|商品名C|価格
と横並びにするのではなく、テーブルを取っ払って

   画像       画像       画像   
商品名A・価格  商品名B・価格  商品名C・価格

としたいのですがうまくいきません。
product_listing.phpをさわることは分ったのですが
<td>タグなどがないですし
プログラムで複雑に書かれています。

イメージではkimonoさんのところの↓のような感じです。
http://www.online-kimono.jp/categories/12_15.html

すみませんが教えてください。
よろしくお願いします。
アバター
tango
記事: 223
登録日時: 2006/12/14 20:11
お住まい: TOKYO
連絡を取る:

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by tango » 2008/9/19 18:14

縦に並べるのではなくブロックで横並びにしたいのですよね?

英語版になりますが、本家の contributions にある Column Layout Grid for Product Listing でそのような表示にする事が出来ます。

http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=77

お使いの zen-cart のバージョンに合わせて試してみて下さい。
tango / 山崎@ゼロ・オフィス
http://www.zero-office.com/ [OFFICIAL]
http://tango.zero-office.com/ [PRIVATE BLOG]
http://www.zero-office.com/store/ [ZenCart 用 MOD 他]
アバター
kimono
記事: 1995
登録日時: 2005/9/27 13:30
お住まい: 大阪府大阪市天王寺区上本町
連絡を取る:

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by kimono » 2008/9/20 11:02

こんにちわ。kimonoです :)
tangoさんフォロー有難うございます。
tangoさんがおっしゃる通り、うちのカテゴリの部分は、本家の contributions にある Column Layout Grid for Product Listing を利用しております。
アバター
yuyuyu
記事: 5
登録日時: 2008/6/28 14:20

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by yuyuyu » 2008/9/22 10:25

tangoさん、kimonoさん
ありがとうございます!
そういったものがあったんですね
早速試してみます!
アバター
yuyuyu
記事: 5
登録日時: 2008/6/28 14:20

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by yuyuyu » 2008/9/22 11:31

できました!
商品数が多いのでなんとしても
横並びにしたく、無事できてとてもうれしいです。
本当にありがとうございました!!!
アバター
わいわい

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by わいわい » 2008/11/03 13:08

すいません。どうしてもわからなかったので質問させてください。
kimonoさんのサイトのようにカテゴリの商品一覧の行を増やすにはどうすればよいのでしょうか?Product Listing - Columns Per Rowで列数は変更できたんですけど、行数の変更の仕方がどうしてもわかりませんでした。
どうか宜しくお願いします。
アバター
kimono
記事: 1995
登録日時: 2005/9/27 13:30
お住まい: 大阪府大阪市天王寺区上本町
連絡を取る:

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by kimono » 2008/11/04 11:03

管理画面 > 一般設定 > 最大値の設定 > 商品リスト - ページあたり最大表示数
で与えた数字が表示する数になります。例えば、うちであれば4*6なので、24としております。
アバター
わいわい

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by わいわい » 2008/11/04 20:11

おかげさまで助かりました。単純に見落としていました。以後気をつけます;;
お忙しいところどうもありがとうございました。
アバター
のり

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by のり » 2009/8/28 18:38

本家のモジュール
column_layout_grid_for_product_listing_1-3-8.zip
を使用して商品リストを横並びにしようとしているのですが、
インストールは成功し、コラムに変更、1列の数字を4に変更しました。

ですが、

商品名A
商品画像A

商品名B
商品画像B

商品名C
商品画像C

。。。

となるだけで、1列に4商品は表示されません。

ご教授宜しくお願いします! :cry:
アバター
kimono
記事: 1995
登録日時: 2005/9/27 13:30
お住まい: 大阪府大阪市天王寺区上本町
連絡を取る:

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by kimono » 2009/8/28 20:04

まず、利用されているのは1.3.8aでしょうか?
1.3.8aでないと、column_layout_grid_for_product_listing_1-3-8.zipはダメだった気がします。1.3.0.2用がありますので、そちらにしてください。

次に、きちんと設定できましたら、
管理画面 > 一般設定 > 最大値の設定 > 商品リスト - ページあたり最大表示数
と、
管理画面 > 一般設定 > 商品リストの設定 > Product Listing - Layout Styleと
管理画面 > 一般設定 > 商品リストの設定 > Product Listing - Columns Per Row
辺りで設定します。
アバター
のり

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by のり » 2009/8/28 20:16

Kimonoさん

早速のご返答ありがとうございます!

>まず、利用されているのは1.3.8aでしょうか?
利用しているのは、1.3.8aで間違いありません。
日本語版です。

次に
>管理画面 > 一般設定 > 最大値の設定 > 商品リスト - ページあたり最大表示数
これは 8

>管理画面 > 一般設定 > 商品リストの設定 > Product Listing - Layout Style
これは Column

>管理画面 > 一般設定 > 商品リストの設定 > Product Listing - Columns Per Row
これは 4

となっています。

どこか間違っていますでしょうか?
アバター
kimono
記事: 1995
登録日時: 2005/9/27 13:30
お住まい: 大阪府大阪市天王寺区上本町
連絡を取る:

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by kimono » 2009/8/29 10:07

ちょっと1.3.8aは使用したことがないので、分かりませんね。すいません^^;
cssとかその辺りでしょうかね??
アバター
ゲスト

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by ゲスト » 2009/8/29 10:13

私もそう思ってCSSでも編集しようと思ったのですが。。。
Products_list.php の中身がバラバラにDivでくぎられているだけで
Li ではなかったため、できませんでした :cry:

何はともあれ・・・ご回答ありがとうございました!
もう少しがんばってみるか、別の定番ページをリストとして置き換えることにします!
アバター
きたきつね
記事: 147
登録日時: 2007/11/02 08:58

Re: 商品リストのテーブルを消して商品を横並びにしたい

投稿記事by きたきつね » 2009/9/09 16:25

ちょっとスレッドに気が付くのが遅くなってしまったのですが、こちらで1.38aにcolumn_layout_grid_v_1_3_8を導入して見ましたがきちんと変更できました。
今までのやり取りを見る限り設定は間違っていないようですがテンプレート名がYOURTEMPLATEのままって事は無いですよね?
あなたも私も一般人
( ^ω^) 照れるので様は止めてね
http://zencart-pro.com/
http://bigmouse.jp/

“Zen Cart 質問コーナー” へ戻る