| 記事No | ： 14952 |
| 投稿日 | ： 2016/07/02(Sat) 20:02:21 |
| タイトル | ： Shopping Cartのtopの列を自由にしたいです |
| ID情報 | ： nekoma |
| 投稿者 | ： きむら |
| URL | ： http://data.random.jp/splead/catalog/cart.cgi?sid= |
Shopping Cartを利用して構築しています。
質問1
topに並ぶ商品一覧の横の個数が２個でクリアされているようですが、これをクリアしないで<div class="cart">の横巾に応じてfloat: left;のまま列挙できるようにしたいと思っています。
どこを修正すれば良いでしょうか？
（あるいはクリアされる個数をどこで設定しているでしょうか？）
質問2
<p class="img_thumb">!image!</p>
の中に画像の次に<br />が来て、その次が
<span class="shosai"><a href="$cf{cart_cgi}?$param">詳細</a></span>
なのですが、この詳細をdivにして!image!の外に出せますか？
出せる場合はどこを修正すれば良いでしょうか？
あと少しでこのサイトが終わります。
どうぞご指導をよろしくお願いします。
| 記事No | ： 14955 |
| 投稿日 | ： 2016/07/03(Sun) 11:18:30 |
| タイトル | ： Re: Shopping Cartのtopの列を自由にしたいです |
| ID情報 | ： teketen |
| 投稿者 | ： てけてん |
> 質問1
テンプレートファイルの
<div class="clear2"></div>
</div>
<div class="clear"></div>
この部分の
<div class="clear"></div>
を削除すると良いようです。
> 質問2
KENTさんは、テンプレートファイルの仕様を詳しく書いてくださっていないので、多分ですが
<!-- loop_begin -->から<!-- loop_end -->が一つの商品の表示部分なのだと思います。
このデザインをもとに、各商品の紹介がされます。
この部分内で、自由に変更して下さい。
但し、<!-- loop_begin -->から<!-- loop_end -->以外の
<!-- size_begin -->〜<!-- size_end -->のように、
<!-- xxx_begin -->〜<!-- xxx_end -->
（xxxの部分は同じ文字が入る）となっている場合は、一つのまとまりと考えて良いと思います。
スクリプトの方で、場合によって表示するかを判断するのだと思います。
どのような表示になるのかは、実際に試してみればわかることなので、バックアップをとった上で、変更されては如何ですか？
あとは、デザインの事なので（スクリプトの動作には問題ないので）、ご自分で試行錯誤してみて下さい。
以上です。
| 記事No | ： 14956 |
| 投稿日 | ： 2016/07/03(Sun) 14:55:46 |
| タイトル | ： Re^2: Shopping Cartのtopの列を自由にしたいです |
| ID情報 | ： nekoma |
| 投稿者 | ： きむら |
お返事をありがとうございました。
> > 質問1
>
> テンプレートファイルの
>
> <div class="clear2"></div>
> </div>
> <div class="clear"></div>
>
> この部分の
> <div class="clear"></div>
> を削除すると良いようです。
>
<div class="clear"></div>
この部分は、２度ループすると入るようになっているようで、テンプレートには書かれていません。ここを削除するか２度を３度にしたりしたいと思っています。
<div class="clear2"></div>
この部分のclear2は私が別に与えたclassで、これはテンプレ内なので自由になるのですが、２個ならびの設定とは別かと。
> > 質問2
lib/menu_list.pl の# メイン画像の所に、
$image = image(1,$no,$ex,$w,$h) . "<br />";
その下方に、
$image .= qq|<span class="shosai"><a href="$cf{cart_cgi}?$param">詳細</a></span>\n|;
とあります。
これの<span class="shosai"><a href="$cf{cart_cgi}?$param">詳細</a></span>部分のspanをdivにして、
<p class="img_thumb">!image!</p>
の外に独立したいのです。（画像のすぐ下に表示されるのを、CSSで制御したい）
| 記事No | ： 14957 |
| 投稿日 | ： 2016/07/03(Sun) 15:58:42 |
| タイトル | ： Re^3: Shopping Cartのtopの列を自由にしたいです |
| ID情報 | ： teketen |
| 投稿者 | ： てけてん |
> 質問1
> この部分は、２度ループすると入るようになっているようで、
ああ、なるほど。
スクリプトの方まで、チェックしていませんでした。
失礼しました。
menj_list.plの
184行目付近に
print qq|<div class="clear"></div>\n| if ($i % 2 == 0);
とあるので、
# print qq|<div class="clear"></div>\n| if ($i % 2 == 0);
とコメントアウトするか、その行を削除すると良いかと。
> 質問2
> $image .= qq|<span class="shosai"><a href="$cf{cart_cgi}?$param">詳細</a></span>\n|;
という記述はなく、
$image .= qq|[<a href="$cf{cart_cgi}?$param">詳細</a>]\n|;
ならあるのですが、ひょっとして、ご自分で<span class="shosai">と</span>を追加されました？
取りあえず、上記記述を
# $image .= qq|<span class="shosai"><a href="$cf{cart_cgi}?$param">詳細</a></span>\n|;
のようにコメントアウトして、!image!の部分に追加するのをやめます。
そして、
$tmp =~ s/!seq!/$no/g;
$tmp =~ s/!item-name!/$item/g;
$tmp =~ s/!code!/$code/g;
$tmp =~ s/!price!/comma($price)/eg;
$tmp =~ s/!memo!/$memo/g;
$tmp =~ s/!image!/$image/g;
この前後どちらかの行に、
$tmp =~ s/!detail!/$cf{cart_cgi}?$param/g; # 改造の為に追加 ■
を挿入し、top.htmlで、詳細へのリンクを<!-- loop_begin -->から<!-- loop_end -->の好きな場所に
<a href="!detail!">詳細</a>
を記述します。
こうすることで、「詳細」も好きな文字や画像にすることが出来ます。
で、あとは、それを<div></div>でも<span></span>でも好きなもので囲ってください。
※ただ、今回は、動作確認まで出来ていないので、動作しなかったらすみません。
| 記事No | ： 14961 |
| 投稿日 | ： 2016/07/04(Mon) 01:27:46 |
| タイトル | ： Re^4: Shopping Cartのtopの列を自由にしたいです |
| ID情報 | ： nekoma |
| 投稿者 | ： きむら |
お返事をありがとうございました。
先に結果からご報告すると、うまくいきました。
思っていた通りにレイアウトできそうです。
> > 質問1
> menj_list.plの
> 184行目付近に
>
> print qq|<div class="clear"></div>\n| if ($i % 2 == 0);
>
> とあるので、
>
> # print qq|<div class="clear"></div>\n| if ($i % 2 == 0);
>
> とコメントアウトするか、その行を削除すると良いかと。
あ！ここなんですね！ ここで制御できそうです！！
> > 質問2
> ならあるのですが、ひょっとして、ご自分で<span class="shosai">と</span>を追加されました？
そうでした。すみません。以前教えていただいて修正したのでした。
> 取りあえず、上記記述を
略
> を記述します。
> こうすることで、「詳細」も好きな文字や画像にすることが出来ます。
> ※ただ、今回は、動作確認まで出来ていないので、動作しなかったらすみません。
ご指摘のようにしましたらうまく行きました。
質問1が可能なら３列くらいに、
質問2が可能なら２列のままでレイアウトを変更して。。。
と思っていましたので、どちらも可能になって、最高です！
３列にするか、２列のままレイアウトを変更で小さめに表示し、1ページに表示する量を増やしたかったのです。
これでクライアントに打診できます。
いろいろありがとうございました。
こちらの掲示板でお答えを得られるのでいつも本当に感謝しております。
ありがとうございました。