KENT-WEB サポートコーナー 過去ログ [ 0340 ]


記事No: 14952
投稿日: 2016/07/02(Sat) 20:02:21
タイトルShopping Cartのtopの列を自由にしたいです
ID情報: nekoma
投稿者: きむら
URLhttp://data.random.jp/splead/catalog/cart.cgi?sid=

Shopping Cartを利用して構築しています。
質問1
topに並ぶ商品一覧の横の個数が2個でクリアされているようですが、これをクリアしないで<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>
この部分は、2度ループすると入るようになっているようで、テンプレートには書かれていません。ここを削除するか2度を3度にしたりしたいと思っています。

<div class="clear2"></div>
この部分のclear2は私が別に与えたclassで、これはテンプレ内なので自由になるのですが、2個ならびの設定とは別かと。


> > 質問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

> この部分は、2度ループすると入るようになっているようで、

ああ、なるほど。
スクリプトの方まで、チェックしていませんでした。
失礼しました。

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が可能なら3列くらいに、
質問2が可能なら2列のままでレイアウトを変更して。。。
と思っていましたので、どちらも可能になって、最高です!

3列にするか、2列のままレイアウトを変更で小さめに表示し、1ページに表示する量を増やしたかったのです。
これでクライアントに打診できます。

いろいろありがとうございました。
こちらの掲示板でお答えを得られるのでいつも本当に感謝しております。
ありがとうございました。


[検索ページ] [掲示板]