app/template/default/Block/list.twig line 281

Open in your IDE?
  1. <!--product start-->
  3. <script>
  4.         function write_log() {
  5.             var val = 'ohaoaha';
  6.             console.log(val);
  7.         }
  8.         
  9. function changeImage(id, path, tId, title){
  11.   var objImage = document.getElementById(id);
  12.   var objTitle = document.getElementById(tId);
  13.   
  14.   objImage.src = path;
  15.   objTitle.innerText = title;
  16. }
  18. function comboChange(zoom, start){
  19.   var product_left_width;
  20.   var product_left_height;
  21.   var product_img_width;
  22.   var product_cap_width;
  23.   var font_size;
  24.   var image_width;
  25.   var image_height;
  26.   var detail_width;
  27.   var detail_pLeft;
  28.   var detail_pRight;
  29.   var comment_display;
  30.   var koutuu_height;
  31.   var ensen_height;
  32.   var sankou_display;
  33.   var sankou_display;
  34.   var objName;
  35.   var objTitle;
  36.   var objTable;
  37.   var objLTable;
  38.   var objBTable;
  39.   var objPLeft;
  40.   var objPImg;
  41.   var objPCap;
  42.   var objComment;
  43.   var objAddress;
  44.   var objSyubetu;
  45.   var objSyumoku;
  46.   var objKoutuu;
  47.   var objEnsen;
  48.   var objSankou;
  49.   var objBikou;
  50.   var objImage  = document.getElementsByName("image");
  51.   var objDetail = document.getElementsByName("detail");
  52.   if(zoom == 1){
  53.     table_width = "215px";
  54.     table_margin = "0px";
  55.     ltable_width = "120px";
  56.     btable_width = "120px";
  57.     product_left_width  = "215px";
  58.     product_left_height = "450px";
  59.     product_img_width = "215px";
  60.     product_cap_width = "215px";
  61.     font_size = "90%";
  62.     tfont_size = "90%";
  63.     image_width = 215;
  64.     image_height = 155;
  65.     detail_width = 103;
  66.     detail_pLeft = "0px";
  67.     detail_pRight = "0px";
  68.     comment_display = "none";
  69.     koutuu_height = "40px";
  70.     ensen_height = "40px";
  71.     sankou_display = "none";
  72.   }
  73.   else if(zoom == 2){
  74.     table_width = "294px";
  75.     table_margin = "0px";
  76.     ltable_width = "140";
  77.     btable_width = "140";
  78.     product_left_width  = "294px";
  79.     product_left_height = "500px";
  80.     product_img_width = "294px";
  81.     product_cap_width = "294px";
  82.     font_size = "100%";
  83.     tfont_size = "100%";
  84.     image_width = 294;
  85.     image_height = 210;
  86.     detail_width = 110;
  87.     detail_pLeft = "20px";
  88.     detail_pRight = "25px";
  89.     comment_display = "none";
  90.     koutuu_height = "40px";
  91.     ensen_height = "20px";
  92.     sankou_display = "none";
  93.   }
  94.   else if(zoom == 3){
  95.     table_width = "455px";
  96.     table_margin = "0px";
  97.     ltable_width = "190px";
  98.     btable_width = "190px";
  99.     product_left_width  = "455px";
  100.     product_left_height = "600px";
  101.     product_img_width = "455px";
  102.     product_cap_width = "455px";
  103.     font_size = "110%";
  104.     tfont_size = "100%";
  105.     image_width = 455;
  106.     image_height = 330;
  107.     detail_width = 110;
  108.     detail_pLeft = "85px";
  109.     detail_pRight = "55px";
  110.     comment_display = "none";
  111.     koutuu_height = "20px";
  112.     ensen_height = "20px";
  113.     sankou_display = "none";
  114.   }
  115.   else if(zoom == 4){
  116.     table_width = "455px";
  117.     table_margin = "0px";
  118.     ltable_width = "190px";
  119.     btable_width = "190px";
  120.     product_left_width  = "940px";
  121.     product_left_height = "500px";
  122.     product_img_width = "455px";
  123.     product_cap_width = "455px";
  124.     font_size = "110%";
  125.     tfont_size = "100%";
  126.     image_width = 455;
  127.     image_height = 330;
  128.     detail_width = 110;
  129.     detail_pLeft = "70px";
  130.     detail_pRight = "60px";
  131.     comment_display = "table-row";
  132.     koutuu_height = "20px";
  133.     ensen_height = "20px";
  134.     sankou_display = "block";
  135.   }
  137.    var l = 0; 
  138.   for(i = start+1; i < (start + objImage.length+1); i++){
  139.      
  140.     objName   = document.getElementById("name" + i);
  141.     
  142.     objTitle  = document.getElementById("title" + i);
  143.   
  144.     objTable  = document.getElementById("table" + i);
  145.    
  146.     objLTable = document.getElementById("ltable" + i);
  147.   
  148.     objBTable = document.getElementById("btable" + i);
  149.   
  150.     objPLeft  = document.getElementById("product_left" + i);
  151.   
  152.     objPImg   = document.getElementById("product_img" + i);
  154.     objPCap   = document.getElementById("product_cap" + i);
  155.    
  156.     objComment= document.getElementById("comment" + i);
  157.  
  158.     objAddress= document.getElementById("address" + i);
  160.     objSyubetu= document.getElementById("syubetu" + i);
  161.      
  162.     objSyumoku= document.getElementById("syumoku" + i);
  164.     objEnsen  = document.getElementById("ensen" + i);
  166.     objKoutuu = document.getElementById("koutuu" + i);
  168.     objSankou = document.getElementById("sankou" + i);
  169.            
  170.     objBikou  = document.getElementById("bikou" + i);
  171.     
  172.     objAddress.style.display = comment_display;
  173.     objSyubetu.style.display = comment_display;
  174.     objSyumoku.style.display = comment_display;
  176.     objPLeft.style.width = product_left_width;
  177.           
  178.     objPLeft.style.height = product_left_height;
  179.     objPImg.style.width = product_img_width;
  180.     objPCap.style.width = product_cap_width;
  181.     objImage.item(l).width = image_width;
  182.            
  183.     objImage.item(l).height = image_height;
  185.     //objDetail.item(l).width = 103;
  186.    // objDetail.item(l).style.marginLeft = detail_pLeft;
  187.     //objDetail.item(l).style.marginRight = detail_pRight;
  188.     
  189.     objName.style.fontSize = font_size;
  190.     objTitle.style.display = comment_display;
  191.     objTable.style.fontSize = font_size;
  192.     objTable.style.width    = table_width;
  193.     objTable.style.marginBottom = table_margin;
  194.     objLTable.style.width    = ltable_width;
  195.     objBTable.style.width    = btable_width;
  196.     objLTable.style.fontSize = tfont_size;
  197.     objBTable.style.fontSize = tfont_size;
  198.     objComment.style.display = comment_display;
  199.     objKoutuu.style.height = koutuu_height;
  200.     objEnsen.style.height = ensen_height;
  201.     objSankou.style.display = sankou_display;
  202.     objBikou.style.fontSize = font_size;
  203.       
  204.     l++;
  205.   }
  206. }
  207. </script>
  208. <script>
  209.     $(function() {
  210.         $('.add-cart').on('click', function(event) {
  211.                 var $form = $(this).parents('li').find('form');
  212.                 
  213.                 // 個数フォームのチェック
  214.                 var $quantity = $form.parent().find('.quantity');
  215.                 if ($quantity.val() < 1) {
  216.                     $quantity[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  217.                     setTimeout(function() {
  218.                         loadingOverlay('hide');
  219.                     }, 100);
  220.                     return true;
  221.                 } else {
  222.                     $quantity[0].setCustomValidity('');
  223.                 }
  225.                 event.preventDefault();
  226.                 $.ajax({
  227.                     url: $form.attr('action'),
  228.                     type: $form.attr('method'),
  229.                     data: $form.serialize(),
  230.                     dataType: 'json',
  231.                     beforeSend: function(xhr, settings) {
  232.                         // Buttonを無効にする
  233.                         $('.add-cart').prop('disabled', true);
  234.                     }
  235.                 }).done(function(data) {
  237.                     // カートブロックを更新する
  238.                     $.ajax({
  239.                         url: "{{ url('block_cart') }}",
  240.                         type: 'GET',
  241.                         dataType: 'html'
  242.                     }).done(function(html) {
  243.                         $('.ec-headerRole__cart').html(html);
  244.                     });
  245.                     
  246.                     window.location.href = "{{ url('cart') }}";
  247.                 }).fail(function(data) {
  248.                     alert('{{ 'リストへの追加に失敗しました。'|trans }}');
  249.                 }).always(function(data) {
  250.                     // Buttonを有効にする
  251.                     $('.add-cart').prop('disabled', false);
  252.                 });
  253.             });
  254.             $('.reload').on('click', function(event) {
  255.                 location.reload();
  256.             });
  257.         });
  259.         $('.ec-modal-overlay, .ec-modal .ec-inlineBtn--cancel').on('click', function() {
  260.             $('.ec-modal').hide()
  261.         });
  262. </script>
  264. {#商品情報を取得#}
  265. {% set Products = repository('Eccube\\Entity\\Product').findBy({Status: 1}, { update_date: 'desc' },119) %}
  267. {% set product_mum = Products|length %}
  268. {# 1ページに表示する件数 #}
  269. {% set count_item = 15 %}
  270. {%set max_page = (product_mum / count_item)|round(0, 'floor')+1%}
  271. {% set RedirectQueryString = app.request.server.get('REDIRECT_QUERY_STRING') %}
  272. {% if RedirectQueryString != null %}
  273. {% set page_num = RedirectQueryString|slice('page='|length) %}
  274. {% else %}
  275. {%set page_num = 0%}
  276. {% endif %}
  277. {% if page_num == 0 %}
  278. {%set start_num = page_num%}
  279. {% set page_num = 1 %}
  280. {% else %}
  281. {%set start_num = ((page_num-1) * count_item)%}
  282. {% endif %}
  284. <div id="toplist" style="width:970px;">
  285. <h3 class="t5" style="color:black;margin-top:10px;width:960px;">取扱い物件一覧
  286. <font style="margin-left:620px;">表示形式：
  287. <select id="size" name="size" size="1" onChange="comboChange(this.options[this.selectedIndex].value,{{start_num}})">
  288. <option value="1">縮小表示</option>
  289. <option value="2" selected="selected">標準</option>
  290. <option value="3">拡大表示</option>
  291. <option value="4">最大化</option>
  292. </select>
  293. </font>
  294. </h3>
  296. <div align="center" style="margin:0 5px;height:30px;width:960px;border:1px solid #E2DFD2; font-size:18px;">
  297.             <<                
  298.             {% for i in 1..max_page %}
  299.             {% if i == page_num %}
  300.             {{i}}
  301.             {% else %}
  302.             <a href="{{ url('homepage',{'page':i}) }}">{{i}}</a>
  303.             {% endif %}
  304.             {% endfor %}
  305.             >>
  306.   </div>
  307. <!--<h3 class="t5">オススメ商品</h3>-->
  308. <!--product_left start-->
  309. {% for Product in Products|slice(start_num,count_item) %}
  310. <li class="ec-shelfGrid__item">
  311. {% set ProductClass = repository('Eccube\\Entity\\ProductClass').findBy({Product:Product.id}) %}
  312. {% if ProductClass != null %}
  313. {% set SaleType = repository('Eccube\\Entity\\Master\\SaleType').findBy({id: ProductClass[0].SaleType}) %}
  314. {% if SaleType != null %}
  315. {% set SaleTypeName = SaleType[0].name %}
  316. {% else %}
  317. {% set SaleTypeName = '' %}
  318. {% endif %}
  320. <div id="product_left{{start_num+loop.index}}" class="product_left" style="width:294px;height:500px;margin:0 0 5px 5px;">
  322. <!--product_img start-->
  323. <div id="product_img{{start_num+loop.index}}" class="product_img_01" style="width:294px;">
  325. <h4 id="name{{start_num+loop.index}}" class="bold" style="padding:5px 0 3px 0;font-size:110%;border-bottom:thin solid green;background-color:snow;color:black;margin-bottom:4px;">{{Product.name}}</h4>
  326. <p id="title{{start_num+loop.index}}" style="display:none;margin-left:5px;text-align:left;font-size:95%;color:black;"> </p>
  327. <a href="{{ url('product_detail', {'id': Product.id}) }}">
  328. <img id="image{{start_num+loop.index}}" name="image" height="210" width="294" src="{{ asset(Product.mainImage|no_image_product, 'save_image') }}"alt="{{Product.name}}" />
  329. </a>
  330. <p id="bikou{{start_num+loop.index}}"><font style="color:blue;">{{Product.comment}}</font></p>
  331. </div>
  332. <!--/product_img end-->
  335. <!--product_cap start-->
  336. <div id="product_cap{{start_num+loop.index}}" class="product_cap_01"  style="width:295px;padding-left:1px;padding-top:0px; float:right;">
  337. <!--{*--><h4 class="bold"><a href="<!--{$smarty.const.URL_DIR}-->products/detail.php?product_id=<!--{$arrBestProducts[cnt].product_id}-->"><!--{$arrBestProducts[cnt].name|escape}--></a></h4><!--*}-->
  338. <!--{*--><p class="t10"><!--{$arrBestProducts[cnt].comment|escape|nl2br}--></p><!--*}-->
  339. <!-- edit area start-->
  340. <div style="color:black;font-size:96%;">
  341. <p id="comment{{start_num+loop.index}}" style="padding-bottom:10px;color:black;display:none;">
  342. {{Product.mainListComment}}
  343. </p>
  344. <table id="table{{start_num+loop.index}}" border="1" width="294" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
  345. <tr>
  346. <td align="center">価　　　　格</td>
  347. <td align="center">
  348. {% if  Product.getPrice02IncTaxMax==0%}
  349. <font style="color:red; font-weight:bolder;">ご成約済</font>
  350. {% elseif Product.getPrice02IncTaxMax==1 %}
  351. <font style="color:red; font-weight:bolder;">商 談 中</font>
  352. {% else %}
  353. <font style="color:red; font-weight:bolder;">
  354. {{Product.getPrice02IncTaxMax}}万円</font>
  355. {% endif %}
  356. </td>
  357. </tr>
  359. <tr id="address{{start_num+loop.index}}" style="display:none;">
  360. <td align="center">所　在　地</td>
  361. <td align="center"><font style="color:blue;">{{Product.pref}}{{Product.ku}}{{Product.adDetail}}</font></td>
  362. </tr>
  363. <tr id="syubetu{{start_num+loop.index}}" style="display:none;">
  364. <td align="center">物 件 種 別</td>
  365. <td align="center"><font style="color:blue;">{{SaleTypeName}}</font></td>
  366. </tr>
  367. <tr id="syumoku{{start_num+loop.index}}" style="display:none;">
  368. <td align="center" width="900px">物 件 種 目</td>
  369. <td align="center"><font style="color:blue;">{{Product.syumoku}}</font></td>
  370. </tr>
  371. <tr>
  372. <td align="center">土 地 面 積</td><td align="center"><font style="color:blue;">
  373. <table id="ltable{{start_num+loop.index}}" width="140" border="0" cellpadding="0" cellspacing="0"><tr><td width="49%" align="right">
  374. {{Product.landArea}}m<Span style="font-size:60%;height:10;position:relative; top:-3%;">2</Span></td>
  375. <td width="51%" align="right">
  376. {% if Product.landArea != "" %}
  377. {% set ltubo = "%.2f"|format(((Product.landArea * 0.3025)*100)/100) %}
  378. {{ltubo}} 坪
  379. {% endif %}
  380. </td></tr></table>
  381. </font></td>
  382. </tr>
  383. <tr>
  384. <td align="center">
  385. {% if SaleTypeName == "マンション" %}
  386. 専 有 面 積
  387. {% else %}
  388. 建 物 面 積
  389. {% endif %}
  390. </td><td align="center"><font style="color:blue;">
  391. <table id="btable{{start_num+loop.index}}" width="140" border="0" cellpadding="0" cellspacing="0"><tr><td width="49%" align="right">
  392. {{Product.buildArea}}m<Span style="font-size:60%;height:10;position:relative; top:-3%;">2</Span></td>
  393. <td width="51%" align="right">
  394. {% if Product.buildArea != "" %}
  395. {% set btubo = "%.2f"|format(((Product.buildArea * 0.3025)*100)/100) %}
  396. {{btubo}} 坪
  397. {% endif %}
  398. </td></tr></table>
  399. </font></td>
  400. </tr>
  401. <tr>
  402. <td id="ensen{{start_num+loop.index}}" align="center">沿 　線 ・ 駅</td><td align="center"><font style="color:blue;">{{Product.ensen}}{{Product.station}}</font></td>
  403. </tr>
  404. </table>
  406. <p id="koutuu{{start_num+loop.index}}" style="height:40px;display:none;">交通：<font style="color:blue;">{{Product.stOther}}</font></p>
  409. <!--{assign var=name value="detail`$smarty.section.cnt.iteration`"}-->
  410. <!--{assign var=id value=$arrBestProducts[cnt].product_id}-->
  411. <tr style="height:40px;">
  412.     <td colspan="2" align="center">
  413.         <a href="{{ url('product_detail', {'id': Product.id}) }}" onmouseover="chgImg('../html/user_data/assets/images/b_detail_h.gif','detail1');" onmouseout="chgImg('../html/user_data/assets/images/b_detail.gif','detail1');">
  414.             <img src="../html/user_data/assets/images/b_detail.gif" width="110" height="21" alt="詳しくはこちら" name="detail1" id="detail1" />
  415.         </a>
  416.     </td>
  417.     <td>
  418.         <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form{{ Product.id }}" name="productForm{{ Product.id }}">
  419.             <input type="hidden" id="quantity{{ Product.id }}" name="quantity" required="required" min="1" maxlength="9" class="quantity" value="1">
  420.             <input type="hidden" id="product_id" name="product_id" value="{{ Product.id }}">
  421.             <input type="hidden" id="ProductClass" name="ProductClass" value="{{ Product.ProductClasses[0].id }}">
  422.             <input type="hidden" id="_token" name="_token" value="{{csrf_token('Eccube\\Form\\Type\\AddCartType') }}" />
  423.         </form>
  424.         {#<div class="ec-productRole__btn">#}
  425.             <a type="button" class="add-cart" data-cartid="{{ Product.id }}" form="productForm{{ Product.id }}">
  426.                 <img src="../../html/user_data/assets/images/b_box_in.gif" width="108" height="21" alt="カゴに入れる"style="margin:5px 0 0 0;"/>
  427.             </a>
  428.         {#</div>#}
  429.     </td>
  430. </tr>
  431. </div>
  432. <!-- / edit area end-->
  433. </div>
  434. <!--/product_cap end-->
  436. <div style="clear:left;">
  437. <p id="sankou{{start_num+loop.index}}" style="display:none;margin-left:5px;margin-bottom:10px;padding-top:5px;">
  438. <font style="color:black;font-size:96%;"><参考画像>（画像の上にマウスを乗せると拡大画像がご覧になれます）</font><br>
  439. {% if  Product.mainImage !=""%}
  440. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.mainImage|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '')" src="{{ asset(Product.mainImage|no_image_product ,'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  441. {% endif %}
  442. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  443. {% if  Product.sub1Image !=""%}
  444. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub1Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub1Title}}')" src="{{ asset(Product.sub1Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  445. {% endif %}
  446. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  447. {% if  Product.sub2Image !=""%}
  448. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub2Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub2Title}}')" src="{{ asset(Product.sub2Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  449. {% endif %}
  450. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  451. {% if  Product.sub3Image !=""%}
  452. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub3Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub3Title}}')" src="{{ asset(Product.sub3Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  453. {% endif %}
  454. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  455. {% if  Product.sub4Image !=""%}
  456. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub4Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub4Title}}')" src="{{ asset(Product.sub4Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  457. {% endif %}
  458. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  459. {% if  Product.sub5Image !=""%}
  460. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub5Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub5Title}}')" src="{{ asset(Product.sub5Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  461. {% endif %}
  462. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  463. {% if  Product.sub6Image !=""%}
  464. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub6Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub6Title}}')" src="{{ asset(Product.sub6Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  465. {% endif %}
  466. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  467. {% if  Product.sub7Image !=""%}
  468. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub7Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub7Title}}')" src="{{ asset(Product.sub7Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  469. {% endif %}
  470. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  471. {% if  Product.sub8Image !=""%}
  472. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub8Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub8Title}}')" src="{{ asset(Product.sub8Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  473. {% endif %}
  474. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  475. {% if  Product.sub9Image !=""%}
  476. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub9Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub9Title}}')" src="{{ asset(Product.sub9Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  477. {% endif %}
  478. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  479. {% if  Product.sub12Image !=""%}
  480. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub12Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub12Title}}')" src="{{ asset(Product.sub12Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  481. {% endif %}
  482. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  483. {% if  Product.sub13Image !=""%}
  484. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub13Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub13Title}}')" src="{{ asset(Product.sub13Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  485. {% endif %}
  486. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  487. {% if  Product.sub14Image !=""%}
  488. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub14Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub14Title}}')" src="{{ asset(Product.sub14Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  489. {% endif %}
  490. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  491. {% if  Product.sub15Image !=""%}
  492. <img onmouseover="changeImage('image{{start_num+loop.index}}','{{ asset(Product.sub15Image|no_image_product, 'save_image') }}', 'title{{start_num+loop.index}}', '{{Product.sub15Title}}')" src="{{ asset(Product.sub15Image|no_image_product, 'save_image') }}" style="margin:0;border:1px solid black;height:41px;width:41px;"/>
  493. {% endif %}
  494. <!--{if $arrBestProducts[cnt].sub_large_image1 != ""}-->
  496. </p>
  497. </div>
  498.  
  499. </div>
  500. <!--/product_left end-->
  501. </li>
  502. {% else %}
  503. {% set SaleTypeName = '' %}
  504. {% endif %}
  505.   {% endfor %}
  507. <!--/product end-->
  509. <!--{/section}-->
  511. <!--{if $navi != ""}-->
  512. <div align="center" style="margin:0 5px 5px;height:30px;width:960px;border:1px solid #E2DFD2;clear:left;font-size:18px;">
  513.  <<                
  514.             {% for i in 1..max_page %}
  515.             {% if i ==page_num %}
  516.             {{i}}
  517.             {% else %}
  518.             <a href="{{ url('homepage',{'page':i}) }}">{{i}}</a>
  519.             {% endif %}
  520.               
  521.             {% endfor %}
  522.             >>
  523. </div>
  524. <!--{/if}-->
  526. </div>