[Svn-src-all:2783] [version-2_12-dev 21682] #1561 お客様の声をスマートフォンに対応させる

yomoro admin @ mail.ec-cube.net
2012年 3月 26日 (月) 21:06:10 JST


Subversion committed to /home/svn/open 21682
http://svn.ec-cube.net/open_trac/changeset/21682
┌────────────────────────────┐
│更新者 :  yomoro                                       │
│更新日時:  2012-03-26 21:06:10 +0900 (月, 26  3月 2012)│
└────────────────────────────┘

Log:
--------------------------------------------------------
#1561 お客様の声をスマートフォンに対応させる 
スマートフォンのテンプレート上に上記関連一式ごっそり抜けていたので追加、微調整。

Changed:                      [U:修正,A:追加,D:削除]
--------------------------------------------------------
U   branches/version-2_12-dev/data/Smarty/templates/sphone/products/detail.tpl
U   branches/version-2_12-dev/data/Smarty/templates/sphone/products/review.tpl
U   branches/version-2_12-dev/data/Smarty/templates/sphone/products/review_complete.tpl
U   branches/version-2_12-dev/data/Smarty/templates/sphone/products/review_confirm.tpl

変更: branches/version-2_12-dev/data/Smarty/templates/sphone/products/detail.tpl
===================================================================
--- branches/version-2_12-dev/data/Smarty/templates/sphone/products/detail.tpl	2012-03-26 11:32:15 UTC (rev 21681)
+++ branches/version-2_12-dev/data/Smarty/templates/sphone/products/detail.tpl	2012-03-26 12:06:10 UTC (rev 21682)
@@ -56,6 +56,18 @@
             stateSub = 0
         }
     }
+    //この商品に対するお客様の声エリアの表示/非表示
+    var stateReview = 0;
+    function fnReviewToggle(areaEl, imgEl) {
+        areaEl.slideToggle(speed);
+        if (stateReview == 0) {
+            $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_plus.png");
+            stateReview = 1;
+        } else {
+            $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_minus.png");
+            stateReview = 0
+        }
+    }
     //お勧めエリアの表示/非表示
     var statewhobought = 0;
     function fnWhoboughtToggle(areaEl, imgEl) {
@@ -335,7 +347,39 @@
     <!--{/if}-->
     <!--サブエリアここまで-->
 
+    <!--この商品に対するお客様の声-->
+    <div class="title_box_sub clearfix">
+        <h2>この商品に対するお客様の声</h2>
+            <span class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/button/btn_minus.png" onclick="fnReviewToggle($('#review_bloc_area'), this);" alt=""></span>
+        </div>
 
+        <div id="review_bloc_area">
+            <div class="review_bloc clearfix">
+            <p>この商品に対するご感想をぜひお寄せください。</p>
+            <div class="review_btn">
+                <!--{if count($arrReview) < $smarty.const.REVIEW_REGIST_MAX}-->
+                    <!--★新規コメントを書き込む★-->
+                    <a href="./review.php?product_id=<!--{$arrProduct.product_id}-->" target="_blank" class="btn_sub" />新規コメントを書き込む</a>
+                <!--{/if}-->
+            </div>
+            </div>
+
+            <!--{if count($arrReview) > 0}-->
+            <ul>
+                <!--{section name=cnt loop=$arrReview}-->
+                    <li>
+                        <p class="voicetitle"><!--{$arrReview[cnt].title|h}--></p>
+                        <p class="voicedate"><!--{$arrReview[cnt].create_date|sfDispDBDate:false}--> 投稿者:<!--{if $arrReview[cnt].reviewer_url}--><a href="<!--{$arrReview[cnt].reviewer_url}-->" target="_blank"><!--{$arrReview[cnt].reviewer_name|h}--></a><!--{else}--><!--{$arrReview[cnt].reviewer_name|h}--><!--{/if}--><br />おすすめレベル:<span class="recommend_level"><!--{assign var=level value=$arrReview[cnt].recommend_level}--><!--{$arrRECOMMEND[$level]|h}--></span></p>
+                        <p class="voicecomment"><!--{$arrReview[cnt].comment|h|nl2br}--></p>
+                    </li>
+                <!--{/section}-->
+            </ul>
+            <!--{/if}-->
+        </div>
+    </div>
+    <!--お客様の声ここまで-->
+
+
     <!--▼その他おすすめ商品-->
     <!--{if $arrRecommend}-->
         <div class="title_box_sub clearfix">

変更: branches/version-2_12-dev/data/Smarty/templates/sphone/products/review.tpl
===================================================================
--- branches/version-2_12-dev/data/Smarty/templates/sphone/products/review.tpl	2012-03-26 11:32:15 UTC (rev 21681)
+++ branches/version-2_12-dev/data/Smarty/templates/sphone/products/review.tpl	2012-03-26 12:06:10 UTC (rev 21682)
@@ -39,11 +39,11 @@
             </tr>
             <tr>
                 <th>投稿者名<span class="attention">※</span></th>
-                <td><span class="attention"><!--{$arrErr.reviewer_name}--></span><input type="text" name="reviewer_name" value="<!--{$arrForm.reviewer_name|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.reviewer_name|sfGetErrorColor}-->" size="40" class="box350" /></td>
+                <td><span class="attention"><!--{$arrErr.reviewer_name}--></span><input type="text" name="reviewer_name" value="<!--{$arrForm.reviewer_name|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" class="boxHarf text data-role-none" placeholder="投稿者名" style="<!--{$arrErr.reviewer_name|sfGetErrorColor}-->" /></td>
             </tr>
             <tr>
                 <th>投稿者URL</th>
-                <td><span class="attention"><!--{$arrErr.reviewer_url}--></span><input type="text" name="reviewer_url" value="<!--{$arrForm.reviewer_url|h}-->" maxlength="<!--{$smarty.const.MTEXT_LEN}-->" style="<!--{$arrErr.reviewer_url|sfGetErrorColor}-->" size="40" class="box350" /></td>
+                <td><span class="attention"><!--{$arrErr.reviewer_url}--></span><input type="text" name="reviewer_url" value="<!--{$arrForm.reviewer_url|h}-->" maxlength="<!--{$smarty.const.MTEXT_LEN}-->" class="boxHarf text data-role-none"  placeholder="投稿者URL" style="<!--{$arrErr.reviewer_url|sfGetErrorColor}-->" /></td>
             </tr>
             <tr>
                 <th>性別</th>
@@ -66,20 +66,20 @@
                 <th>タイトル<span class="attention">※</span></th>
                 <td>
                     <span class="attention"><!--{$arrErr.title}--></span>
-                    <input type="text" name="title" value="<!--{$arrForm.title|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.title|sfGetErrorColor}-->" size="40" class="box350" />
+                    <input type="text" name="title" value="<!--{$arrForm.title|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" class="boxHarf text data-role-none" placeholder="タイトル" style="<!--{$arrErr.title|sfGetErrorColor}-->" />
                 </td>
             </tr>
             <tr>
                 <th>コメント<span class="attention">※</span></th>
                 <td>
                     <span class="attention"><!--{$arrErr.comment}--></span>
-                    <textarea name="comment" cols="50" rows="10" style="<!--{$arrErr.comment|sfGetErrorColor}-->" class="area350"><!--{$arrForm.comment|h}--></textarea>
+                    <textarea name="comment" cols="15" rows="10" style="<!--{$arrErr.comment|sfGetErrorColor}-->" class="textarea data-role-none" wrap="hard"><!--{$arrForm.comment|h}--></textarea>
                 </td>
             </tr>
         </table>
-        <div class="btn">
-            <input type="image" onmouseover="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_confirm_on.gif',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_confirm.gif',this)" src="<!--{$TPL_URLPATH}-->img/button/btn_confirm.gif" class="box150" alt="確認ページへ" name="conf" id="conf" />
-        </div>
+        <div class="btn_area">
+                <p><input type="submit" value="次へ" class="btn data-role-none" alt="次へ" name="next" id="next" /></p>
+            </div>
     </form>
 </div>
 

変更: branches/version-2_12-dev/data/Smarty/templates/sphone/products/review_complete.tpl
===================================================================
--- branches/version-2_12-dev/data/Smarty/templates/sphone/products/review_complete.tpl	2012-03-26 11:32:15 UTC (rev 21681)
+++ branches/version-2_12-dev/data/Smarty/templates/sphone/products/review_complete.tpl	2012-03-26 12:06:10 UTC (rev 21682)
@@ -29,9 +29,11 @@
             弊社にて登録内容を確認後、ホームページに反映させていただきます。<br />
             今しばらくお待ちくださいませ。</p>
     </div>
-    <div class="btn">
-        <a href="javascript:window.close()" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_close_on.gif','b_close');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_close.gif','b_close');"><img src="<!--{$TPL_URLPATH}-->img/button/btn_close.gif" width="150" height="30" alt="閉じる" border="0" name="b_close" /></a>
-    </div>
+    <div class="btn_area">
+            <ul class="btn_btm">
+                <li><a class="btn_back" href="javascript:window.close();" rel="external">閉じる</a></li>
+            </ul>
+        </div>
 </div>
 
 <!--{include file="`$smarty.const.SMARTPHONE_TEMPLATE_REALDIR`popup_footer.tpl"}-->

変更: branches/version-2_12-dev/data/Smarty/templates/sphone/products/review_confirm.tpl
===================================================================
--- branches/version-2_12-dev/data/Smarty/templates/sphone/products/review_confirm.tpl	2012-03-26 11:32:15 UTC (rev 21681)
+++ branches/version-2_12-dev/data/Smarty/templates/sphone/products/review_confirm.tpl	2012-03-26 12:06:10 UTC (rev 21682)
@@ -62,9 +62,11 @@
                 <td><!--{$arrForm.comment|h|nl2br}--></td>
             </tr>
         </table>
-        <div class="btn">
-            <input type="image" onclick=" mode.value='return';" onmouseover="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_back_on.gif',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_back.gif',this)" src="<!--{$TPL_URLPATH}-->img/button/btn_back.gif" class="box150" alt="戻る"    name="back" id="back" />
-            <input type="image" onmouseover="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_send_on.gif',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_send.gif',this)" src="<!--{$TPL_URLPATH}-->img/button/btn_send.gif" class="box150" alt="送信"    name="send" id="send" />
+        <div class="btn_area">
+            <ul class="btn_btm">
+                <li><input type="submit" value="完了ページへ" class="btn data-role-none" alt="完了ページへ" name="complete" id="complete" /></li>
+                <li><a class="btn_back" href="Javascript:fnModeSubmit('return', '', '');" rel="external">戻る</a></li>
+            </ul>
         </div>
     </form>
 </div>




Svn-src-all メーリングリストの案内