バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > 管理機能 > 商品詳細ページ/CSS設定の件で

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
muton
投稿日時: 2007/12/24 12:54
対応状況: −−−
新米
登録日: 2007/12/8
居住地:
投稿: 10
商品詳細ページ/CSS設定の件で

1、

商品詳細ページ>新規コメントを書き込む>お客様の声書き込み

http://www.muton.net/mart/products/detail.php?product_id=4

お客様の声書き込みページの左の“商品名”を“作品名”に
書き換えたいのですが、どこを書き換えれば良いのか
わかりまりませんでした。

2、

商品名
投稿者名※
ホームページアドレス

などが書いてある、バックの色を変えたいのですが、
これも、どこを変更すれば色が変えられるのか、
いろいろ試してみましたが、わかりませんでした。

現在のカゴの中・ページでも、灰色の部分の色を
変更したいのですが、どこを変更すれば良いのか
わかりません。

http://www.muton.net/mart/cart/index.php?product_id=3&transactionid=706f966ed2271c04c09695a7976706a0feaa3af2

3、

----------------------------------------------
以下の商品について、お客様のご意見、ご感想をどしどしお寄せください。
「※」印は入力必須項目です。
----------------------------------------------

上記の部分の“「※」”の色を変えたいと思っているのですが
どこを変更したら良いのかわかりませんでした。


以上、初歩的な質問だとは思いますが、教えてくださると
大変、助かります。

宜しくお願い致します。
http://www.muton.net/mart/
kvex2004
投稿日時: 2007/12/24 14:44
対応状況: −−−
長老
登録日: 2007/10/31
居住地: 埼玉
投稿: 218
Re: 商品詳細ページ/CSS設定の件で
引用:

お客様の声書き込みページの左の“商品名”を“作品名”に
書き換えたいのですが、どこを書き換えれば良いのか
わかりまりませんでした。

\data\Smarty\templates\default\products\review.tpl:54:
ここらへんですが、それだけですと「商品名」「作品名」と混在しちゃうのであちこち変える必要があると思います。

ぱっと調べたのは以上です。
muton
投稿日時: 2007/12/26 21:46
対応状況: −−−
新米
登録日: 2007/12/8
居住地:
投稿: 10
Re: 商品詳細ページ/CSS設定の件で
ありがとうございます。

とりあえず、ここは変更せずにそのままにしておきます。

他の部分も、もし、わかれば、教えてください。
よろしくお願いします。


2、

商品名
投稿者名※
ホームページアドレス

などが書いてある、バックの色を変えたいのですが、
これも、どこを変更すれば色が変えられるのか、
いろいろ試してみましたが、わかりませんでした。

現在のカゴの中・ページでも、灰色の部分の色を
変更したいのですが、どこを変更すれば良いのか
わかりません。

http://www.muton.net/mart/cart/index.php?product_id=3&transactionid=706f966ed2271c04c09695a7976706a0feaa3af2

3、

----------------------------------------------
以下の商品について、お客様のご意見、ご感想をどしどしお寄せください。
「※」印は入力必須項目です。
----------------------------------------------

上記の部分の“「※」”の色を変えたいと思っているのですが
どこを変更したら良いのかわかりませんでした。
apogee
投稿日時: 2007/12/27 0:30
対応状況: −−−
常連
登録日: 2007/11/17
居住地: 大阪府
投稿: 53
Re: 商品詳細ページ/CSS設定の件で
kvex2004 さんが書かれた下記のテンプレートと、
data\Smarty\templates\default\products\review.tpl

下記のスタイルシートを修正すれば良いかと思います。
user_data/packages/default/css/main.css

※ は、CSS で <span class="attention">※</span> と指定してありますので、
class="attention" の値を変えてやれば適用箇所すべてが同じになります。
都合が悪いときは、個別に style="color:#XXXXXX" と指定すれば良いかと思います。

.attention { color: #999999; }

引用:

商品名
投稿者名※
ホームページアドレス

などが書いてある、バックの色を変えたいのですが、
これも、どこを変更すれば色が変えられるのか、
いろいろ試してみましたが、わかりませんでした。


review.tpl の下記 table の中で指定すれば変更できると思います。
<table summary="お客様の声書き込み">
muton
投稿日時: 2007/12/30 20:58
対応状況: −−−
新米
登録日: 2007/12/8
居住地:
投稿: 10
Re: 商品詳細ページ/CSS設定の件で
review.tpl
<table summary="お客様の声書き込み">
で、下記のようにtableに色を指定してみたのですが
変化はなかったです。

http://www.muton.net/mart/products/detail.php?product_id=4

もう少し詳しく、このあたりの設定を教えて
頂けると助かります。

よろしくお願いします。

<table summary="お客様の声書き込み">
<tr>
<th bgcolor="#333333">商品名</th>
<td><!--{$arrForm.name|escape}--></td>
</tr>
<tr>
<th bgcolor="#333333">投稿者名<span class="attention">※</span></th>
<td><span class="attention"><!--{$arrErr.reviewer_name}--></span><input type="text" name="reviewer_name" value="<!--{$arrForm.reviewer_name|escape}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.reviewer_name|sfGetErrorColor}-->" size="40" class="box350" /></td>
</tr>
<tr>
<th bgcolor="#333333">ホームページアドレス</th>
<td><span class="attention"><!--{$arrErr.reviewer_url}--></span><input type="text" name="reviewer_url" value="<!--{$arrForm.reviewer_url}-->" maxlength="<!--{$smarty.const.MTEXT_LEN}-->" style="<!--{$arrErr.reviewer_url|sfGetErrorColor}-->" size="40" class="box350" /></td>
</tr>
<tr>
<th bgcolor="#333333">性別</th>
<td>
<input type="radio" name="sex" id="man" value="1" <!--{if $arrForm.sex eq 1}--> checked="checked"<!--{/if}--> /><label for="man">男性</label>&nbsp;
<input type="radio" name="sex" id="woman" value="2" <!--{if $arrForm.sex eq 2}--> checked="checked"<!--{/if}--> /><label for="woman">女性</label>
</td>
</tr>
<tr>
<th bgcolor="#333333">おすすめレベル<span class="attention">※</span></th>
<td>
<span class="attention"><!--{$arrErr.recommend_level}--></span>
<select name="recommend_level" style="<!--{$arrErr.recommend_level|sfGetErrorColor}-->">
<option value="" selected="selected">選択してください</option>
<!--{html_options options=$arrRECOMMEND selected=$arrForm.recommend_level}-->
</select>
</td>
</tr>
<tr>
<th bgcolor="#333333">タイトル<span class="attention">※</span></th>
<td>
<span class="attention"><!--{$arrErr.title}--></span>
<input type="text" name="title" value="<!--{$arrForm.title|escape}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.title|sfGetErrorColor}-->" size="40" class="box350" />
</td>
</tr>
<tr>
<th bgcolor="#333333">コメント<span class="attention">※</span></th>
<td>
apogee
投稿日時: 2007/12/31 20:40
対応状況: −−−
常連
登録日: 2007/11/17
居住地: 大阪府
投稿: 53
Re: 商品詳細ページ/CSS設定の件で
muton さん、こんにちは。

以前に muton さん が質問された http://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=1457&forum=10&post_id=4826#forumpost4826
の中で、homan さんが書かれた答えが今回の質問のヒントになるかと思います。

引用:

main.cssでテーブルの共通設定がされているからではないでしょうか?

〜省略〜

/* テーブル共通指定
----------------------------------------------- */
table {
margin: 15px auto 0 auto;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-collapse: collapse;
text-align: left;
}
table th {
padding: 8px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
background-color: #999999;
font-weight: normal;
}
table td {
padding: 8px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

〜省略〜


profile のところのテーブルだけ別のCSSを記述すればいいと思います。


今回の場合、review.tpl で変更された箇所はあっていると思います。

ただ、テーブルのセル内に bgcolor属性と CSS で background-color が指定がしてある場合は、
順序に関係なく CSS の指定が優先されるはずです。
ですから、

style で個別に CSS を上書きしてあげればお望みの色になるかと思います。

<th style="background-color:#333333">商品名</th>

muton
投稿日時: 2008/1/2 20:31
対応状況: −−−
新米
登録日: 2007/12/8
居住地:
投稿: 10
Re: 商品詳細ページ/CSS設定の件で
ありがとうございます。
うまく変更できました。

もうひとつ商品詳細ページで質問なのですが、

http://www.muton.net/mart/products/detail.php?product_id=3
写真の拡大画面を400×600のサイズで、タテ写真を綺麗に表示
したいと思っています。

どうすれば良いのかわからない部分があります。
このあたりの変更箇所を教えてくださると助かります。

よろしくお願いします。
muton
投稿日時: 2008/1/2 21:41
対応状況: −−−
新米
登録日: 2007/12/8
居住地:
投稿: 10
Re: 商品詳細ページ/CSS設定の件で
<th style="background-color:#333333">商品名</th>
と同じように、下記のページも変更したのですが、
http://www.muton.net/mart/abouts/index.php

“住所”などの項目と、住所が記入してある
間が大きく空くようになってしまいました。
以前と同じくらいの間にしたいのですが、
どのようにしたら解決しますでしょうか?

教えてください、よろしくお願いします。


<div id="undercolumn">

<div id="undercolumn_aboutus">
<h2 class="title"><img src="<!--{$TPL_DIR}-->img/aboutus/title.jpg" width="580" height="40" alt="当サイトについて" /></h2>

<table summary="当サイトについて">

<!--{assign var=_site value=$arrSiteInfo}-->

<!--{if $_site.shop_name}-->
<tr>
<th style="background-color:#000000">店名</th>
<td><!--{$_site.shop_name|escape}--></td>
</tr>
<!--{/if}-->

<!--{if $_site.company_name}-->
<tr>
<th style="background-color:#000000">会社名</th>
<td><!--{$_site.company_name|escape}--></td>
</tr>
<!--{/if}-->

<!--{if $_site.zip01}-->
<tr>
<th style="background-color:#000000">住所</th>
<th style="background-color:#000000">〒<!--{$_site.zip01|escape}-->-<!--{$_site.zip02|escape}--><br /><!--{$_site.pref|escape}--><!--{$_site.addr01|escape}--><!--{$_site.addr02|escape}--></td>
</tr>
<!--{/if}-->

<!--{if $_site.tel01}-->
<tr>
<th style="background-color:#000000">電話番号</th>
<td><!--{$_site.tel01|escape}-->-<!--{$_site.tel02|escape}-->-<!--{$_site.tel03|escape}--></td>
</tr>
<!--{/if}-->

<!--{if $_site.fax01}-->
<tr>
<th style="background-color:#000000">FAX番号</th>
<td><!--{$_site.fax01|escape}-->-<!--{$_site.fax02|escape}-->-<!--{$_site.fax03|escape}--></td>
</tr>
<!--{/if}-->

<!--{if $_site.email02}-->
<tr>
<th style="background-color:#000000">メールアドレス</th>
<td><a href="mailto:<!--{$_site.email02|escape:'hex'}-->"><!--{$_site.email02|escape:'hexentity'}--></a></td>
</tr>
<!--{/if}-->

<!--{if $_site.business_hour}-->
<tr>
<th style="background-color:#000000">営業時間</th>
<td><!--{$_site.business_hour|escape}--></td>
</tr>
<!--{/if}-->

<!--{if $_site.business_hour}-->
<tr>
<th style="background-color:#000000">取扱商品</th>
<td><!--{$_site.good_traded|escape|nl2br}--></td>
</tr>
<!--{/if}-->

<!--{if $_site.message}-->
<tr>
<th style="background-color:#000000">メッセージ</th>
<td><!--{$_site.message|escape|nl2br}--></td>
</tr>
<!--{/if}-->

</table>

</div>
</div>
<!--▲CONTENTS-->
apogee
投稿日時: 2008/1/4 19:17
対応状況: −−−
常連
登録日: 2007/11/17
居住地: 大阪府
投稿: 53
Re: 商品詳細ページ/CSS設定の件で
muton さん、こんばんは。


<tr>
<th style="background-color:#000000">住所</th>
<th style="background-color:#000000">〒<!--{$_site.zip01|escape}-->- <!--{$_site.zip02|escape}--><br />
<!--{$_site.pref|escape}--><!--{$_site.addr01|escape}--><!--{$_site.addr02|escape}--></td>
</tr>


赤字の部分を td に変えるとどうでしょうか?
muton
投稿日時: 2008/1/15 20:00
対応状況: −−−
新米
登録日: 2007/12/8
居住地:
投稿: 10
Re: 商品詳細ページ/CSS設定の件で
うまく表示されるようになりました。
ありがとうございます。

商品画像サイズの変更などは、わかりますでしょうか?

----------------------------------------------

もうひとつ商品詳細ページで質問なのですが、

http://www.muton.net/mart/products/detail.php?product_id=3
写真の拡大画面を400×600のサイズで、タテ写真を綺麗に表示
したいと思っています。

どうすれば良いのかわからない部分があります。
このあたりの変更箇所を教えてくださると助かります。

よろしくお願いします。
(1) 2 »
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は90,402名です
総投稿数は110,383件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1693
8
red
1571
9
mcontact
1366
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
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.