templates/eshop3D/eshop3D.html.twig line 1

Open in your IDE?
  1. {% extends 'layoutEshop3d.html.twig' %}
  3. {% block page_contents %}
  5.     {% for message in app.flashes('notice') %}
  6.         <div class="flash-notice">
  7.             <div class='notice'>{{ message }}</div>
  8.         </div>
  9.     {% endfor %}
  10.     {% for message in app.flashes('error') %}
  11.         <div class="flash-error">
  12.             <div class='error'>{{ message }}</div>
  13.         </div>
  14.     {% endfor %}
  16. {#    {% block title %}{{ 'Hello E-shop 3D' }}{% endblock %}#}
  18.     {#    we setup images for 3D space #}
  19.     {% set gallery3DInfo = [] %}
  20.     {% set gallery3DInfo = gallery3DInfo|merge({'image_size_horisontal': '4.8 3.2 0.1'}) %}
  21.     {% set gallery3DInfo = gallery3DInfo|merge({'frame_size_horisontal': '5.2 3.6 0.1'}) %}
  22.     {% set gallery3DInfo = gallery3DInfo|merge({'image_size_vertical': '3.2 4.8 0.1'}) %}
  23.     {% set gallery3DInfo = gallery3DInfo|merge({'frame_size_vertical': '3.6 5.2 0.1'}) %}
  25.     {#    we prepare textures #}
  26.     {% set textureArray = [] %}
  27.     {% set textureArray = textureArray|merge({'floor-texture-1': ''}) %}
  28.     {% set textureArray = textureArray|merge({'floor-texture-2': ''}) %}
  29.     {% set textureArray = textureArray|merge({'ceil-texture-1': ''}) %}
  30.     {% set textureArray = textureArray|merge({'wall-texture-1': ''}) %}
  31.     {% set textureArray = textureArray|merge({'wall-texture-2': ''}) %}
  32.     {% set textureArray = textureArray|merge({'background-front': ''}) %}
  33.     {% set textureArray = textureArray|merge({'background-back': ''}) %}
  34.     {% set textureArray = textureArray|merge({'background-left': ''}) %}
  35.     {% set textureArray = textureArray|merge({'background-right': ''}) %}
  36.     {% set textureArray = textureArray|merge({'image-help-1': ''}) %}
  37.     {% set textureArray = textureArray|merge({'button-play': ''}) %}
  38.     {% set textureArray = textureArray|merge({'button-home': ''}) %}
  39.     {% set textureArray = textureArray|merge({'button-help': ''}) %}
  40.     {% set textureArray = textureArray|merge({'button-exit-1': ''}) %}
  41.     {% set textureArray = textureArray|merge({'gallery-logo': ''}) %}
  42.     {% set textureArray = textureArray|merge({'cart-texture-1': ''}) %}
  43.     {% set textureArray = textureArray|merge({'info-texture-1': ''}) %}
  44.     {% set textureArray = textureArray|merge({'bg-texture-1': ''}) %}
  45.     {% set textureArray = textureArray|merge({'bg-texture-2': ''}) %}
  46.     {% set textureArray = textureArray|merge({'bg-texture-3': ''}) %}
  47.     {% set textureArray = textureArray|merge({'bg-texture-4': ''}) %}
  49.     {% if textureItemCollection is defined %}
  51.         {% for textureItem in textureItemCollection %}
  53.             {% if 'http' in textureItem.galleryItemFile %}
  54.                 {% set texturePath = textureItem.galleryItemFile %}
  55.             {% else %}
  56.                 {% set texturePath = userDirs['web'] ~ '/images/' ~ textureItem.galleryItemFile %}
  57.             {% endif %}
  59.             {% if textureItem.galleryItemName is defined and textureItem.galleryItemName != '' %}
  60.                 {% set textureKey = textureItem.galleryItemName %}
  61. {#                {% set textureArray[textureKey] = texturePath %}#}
  62.                 {% set textureArray = textureArray|merge({(textureKey): (texturePath)}) %}
  63.             {% endif %}
  65.         {% endfor %}
  67.     {% endif %}
  69.     {% if textureArray['wall-texture-2'] == '' %}
  70.         {% set textureArray = textureArray|merge({'wall-texture-2': (textureArray['wall-texture-1'])}) %}
  71.     {% endif %}
  73.     {% set tourArray = [] %}
  75.         <!-- X3D  -->
  76.         <div style="width: 100vw; height: 90vh; display:block; right:0; left:0; box-sizing: border-box; position: absolute; left: 0; right: 0; background-color: Black;" id="x3d" class="x3d_container">
  77.                 <!-- menu -->
  78.                     <div style="position: absolute; left: 0px; width: 100%; height: 50px; display:block; border-right: 1px solid #EA5B0C; background-color: #222; opacity: 0.8; text-align:center; font-family: helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #EA5B0C; padding-top:5px; z-index: 3; vertical-align: top;" id="x3d_menu">
  79.                     
  80.                     <div style="margin-right:2px; display:inline-block" id="x3d_menu_viewpoint_home">
  81.                         <button id="button_viewpoint_home" onclick="changeViewpoint('x3d_viewpoint_home')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_home.png' ); background-size: 40px 40px; height: 42px; width: 42px;" title="Home Viewpoint"></button>
  82.                     </div>                        
  83.                     <div style="margin-right:2px; display:inline-block" id="x3d_menu_viewpoint_menu">
  84.                         <button id="button_viewpoint_menu" onclick="changeViewpoint('x3d_viewpoint_menu')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_menu.png' ); background-size: 40px 40px; height: 42px; width: 42px;" title="Menu Viewpoint"></button>
  85.                     </div>
  86.                     <div style="margin-right:7px; display:inline-block" id="x3d_menu_tour">
  87.                         <button id="gallery_button_viewpoint" onclick="changeViewpoint('x3d_viewpoint_tour')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_walk.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="Tour"></button>
  88.                         </div>                    
  89.                       <!--
  90.                           <div style="margin-top:7px" id="x3d_menu_viewpoint_1">
  91.                             <button id="button_viewpoint_1" onclick="changeViewpoint('x3d_viewpoint_1')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="viewpoint 1"></button>
  92.                       </div>
  93.                           <div style="margin-top:7px" id="x3d_menu_viewpoint_2">
  94.                             <button id="button_viewpoint_2" onclick="changeViewpoint('x3d_viewpoint_2')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="viewpoint 2"></button>
  95.                       </div>
  96.                           <div style="margin-top:7px" id="x3d_menu_viewpoint_3">
  97.                             <button id="button_viewpoint_3" onclick="changeViewpoint('x3d_viewpoint_3')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_eye.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="viewpoint 3"></button>
  98.                       </div>    
  99.                       -->
  101.                     {% for category in childNodes %}
  103.                         {% set catId = category.categoryId %}
  104.                         {% set viewpoint = 'category_viewpoint_' ~ catId %}
  106.                         <span style="margin-right:2px; display:inline-block" id="root_category_menu_viewpoint_{{ catId }}">
  107.                             <button id="category_button_viewpoint_{{ catId }}" onclick="changeViewpoint('root_category_viewpoint_{{ catId }}')" style="font-family: helvetica, sans-serif; font-weight: strong; font-size: 10px; background-color: black; padding-top:2px; padding-bottom:2px; border: 1px solid #333; color: white; height: 33px;" title="{{ category.categoryName }}">{{ category.categoryName }}</button>
  108.                         </span>
  110.                     {% endfor %}
  112.                         <span style="margin-right:7px; display:inline-block" id="x3d_menu_defaultscreen">
  113.                             <button id="button_defaultscreen" onclick="sceneResize('normal')" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '/images/x3dmenu_defaultscreen.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="default screen"></button>
  114.                       </span>
  115.                       <span style="margin-right:2px; display:inline-block" id="x3d_menu_fullscreen">
  116.                         <button id="button_fullscreen" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px; background-image: url( '/images/x3dmenu_fullscreen.png' ); background-size: 31px 31px; height: 33px; width: 33px;" title="full screen"></button>
  117.                     </span>
  119.                   </div>
  121.                   <!-- product detail info -->
  122.                   <div style="position: absolute; right: 0px; width: 0px; height: 100%; display:block; border-left: 1px solid #EFEFEF; background-color: #222; opacity: 0.8; text-align:left; font-family: helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFF; padding-top:5px; padding-left:8px; padding-right:15px; z-index: 5;" id="x3d_product_detail">
  123.                       <div style="margin-top:1px" id="x3d_product_detail_close" style="text-align: left; float: left;">
  124.                             <button id="button_product_detail_close" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '{{ textureArray['button-exit-1'] }}' ); background-size: 31px 31px; height: 33px; width: 33px;" title="default screen"></button>
  125.                       </div>
  126.                       <div id="x3d_product_name" style="font-weight: bold; font-size: 22px; margin-top:8px"></div>
  127.                       <div>
  128.                             <span style="font-weight: normal; font-size: 11px;">{{ 'product.key'|trans }}: </span>
  129.                             <span id="x3d_product_key" style="font-weight: bold; font-size: 16px;"></span>
  130.                       </div>
  131.                       <div>
  132.                           <span style="font-weight: normal; font-size: 11px;">{{ 'eshop.price'|trans }}: </span>
  133.                           <span id="x3d_product_price" style="font-weight: bold; font-size: 16px;"></span>
  134.                         {{ app.session.get('eshopCurrency').currencyKey }}
  135.                       </div>
  136.                       <div style="margin-top:8px">
  137.                           <span id="x3d_product_description" style="font-weight: normal; font-size: 16px"></span>
  138.                       </div>    
  139.                       <div style="margin-top:8px">
  140.                           <span> 
  141.                             <img id="x3d_product_image" src="" alt="Product Image" style="height: 25vw"></img>
  142.                           </span>
  143.                       </div>    
  144.                       <div style="margin-top:8px" id="x3d_button_addcart" style="text-align: left; float: left;">
  145.                           <input hidden id="x3d_product_id" name="x3d_product_id" value="">
  146.                             <input hidden id="x3d_eshop_id" name="x3d_eshop_id" value="{{ eshop.eshopId }}">
  147.                             <button id="button_addcart" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: DarkGreen; border: 1px solid #333; color: white;padding:2px; height: 33px; width: 233px" title="Add to basket">Add to basket</button>
  148.                       </div>    
  149.                       <div style="margin-top:6px" id="x3d_product_detail_close2" style="text-align: left; float: left;">
  150.                             <button id="button_product_detail_close2" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;padding:2px;  background-image: url( '{{ textureArray['button-exit-1'] }}' ); background-size: 31px 31px; height: 33px; width: 33px;" title="default screen"></button>
  151.                       </div>                                        
  152.                   </div>
  154.                   <!-- result info message -->
  155.                 <div style="position: absolute; top: 0px; width: 100%; height: 0px; display:block; border-bottom: 1px solid #EFEFEF; background-color: #000; opacity: 0.8; text-align:center; font-family: helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFF; padding-top:0px; z-index: 5;" id="x3d_info_message">
  157.                     <table border='0' id='infoMessageTable' class='infoMessageTable' align="center" cellpadding='0' cellspacing='0' style="display: none">
  158.                       <tr>
  159.                         <td valign='top'>
  160.                                <x3d width='50px' height='35px' profile='Immersive' version='3.3' xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation='http://www.web3d.org/specifications/x3d-3.3.xsd'>
  161.                               <scene>
  162.                                 <Transform DEF = 'CubeGallery'
  163.                                   translation = '0 0 0'
  164.                                   scale = '10 10 10'>
  165.                                   <Inline nameSpaceName="LogoCubex" mapDEFToID="true" url="/Logo_Cubes_Noclick.x3d" />
  166.                                 </Transform>
  167.                               </scene>
  168.                             </x3d> 
  169.                         </td>
  170.                         <td valign='top'>
  171.                             <div id="x3d_info_message_text" style="font-weight: normal; font-size: 16px; margin-top: 7px; margin-left:5px"></div>
  172.                         </td>
  173.                         <td valign='top'>
  174.                             <div style="margin-top:1px; text-align: left; float: left;" id="x3d_info_message_close">
  175.                             <button id="button_info_message_close" style="font-family: helvetica, sans-serif; font-weight: normal; font-size: 10px; background-color: black; border: 1px solid #333; color: white;margin-left:12px;  background-image: url( '{{ textureArray['button-exit-1'] }}' ); background-size: 25px 25px; height: 27px; width: 27px; margin-top: 2px; display: none" title="close message panel"></button>
  176.                               </div>    
  177.                         </td>                        
  178.                       </tr>
  179.                     </table>      
  180.                   </div>            
  182.                   <!-- quick basket  -->
  183.                 <div style="position: absolute; top: 0px; right: 0px; width: 50%; height: 0px; display:block; background-color: #000; opacity: 0.8; text-align:center; font-family: helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #FFF; padding-top:0px; z-index: 1; margin-left: auto; margin-right: auto;text-align: left; float: left;" id="x3d_quick_basket">
  185.                     <table border='0' id='quickBasketTable' class='quickBasketTable' align="center" cellpadding='0' cellspacing='0' style="display: none">
  186.                       <tr>
  187.                         <td valign='top'>
  188.                             <div id="x3d_quick_basket_title" style="font-weight: normal; font-size: 16px; margin-top: 7px; margin-left:5px"><h4>Quick Basket</h4></div>
  189.                         </td>
  190.                       </tr>
  191.                       <tr>
  192.                         <td valign='top'>
  193.                             <div id="x3d_quick_basket_text" style="font-weight: normal; font-size: 16px; text-align: left; margin-top: 7px; margin-left:5px"></div>
  194.                             <div style="margin-top:1px; display: inline-block; text-align: left; float: left;" id="x3d_quick_basket_open">
  195.                         <button id="button_quick_basket_open" style="font-family: helvetica, sans-serif; font-weight: bold; font-size: 12px; background-color: Gray; border: 1px solid #111; color: white; margin-left:12px; background-size: 25px 25px; height: 27px; width: 150px; margin-top: 2px" title="Go to Basket" value="Go to Basket" onclick="window.location.href='/eshop/{{ eshop.eshopId }}/basket';">{{ 'eshop.go_to_basket'|trans }}</button>
  196.                         </div>                 
  197.                         <div style="margin-top:1px;text-align: left; display: inline-block; float: left; " id="x3d_quick_basket_close">
  198.                         <button id="button_quick_basket_close" style="font-family: helvetica, sans-serif; font-weight: bold; font-size: 12px; background-color: Gray; border: 1px solid #111; color: white; margin-left:12px; background-size: 25px 25px; height: 27px; width: 27px; margin-top: 2px" title="close quick basket panel" value="x">x</button>
  199.                         </div>  
  200.                         </td>    
  201.                       </tr>    
  202.                       <tr>                
  203.                         <td valign='top'>
  204.                             
  205.                         </td>                        
  206.                       </tr>
  207.                     </table>      
  208.               
  209.                   </div>                            
  211.                 <x3d width='100%' height="90vh" id="x3d_section" style="height: 90vh; border-bottom: 2px solid #EA5B0C;background-color: #222;">
  212.                 <scene id="x3d_scene">
  213.                 <NavigationInfo headlight="true" visibilityLimit="0.0" type='"FLY", "WALK", "ANY"' avatarSize="0.25, 2.4, 0.75" speed='2.0'></NavigationInfo>
  215.                 
  216. <!--                 <Background backUrl='[]' bind='false' bottomUrl='[]' crossOrigin='""' description='""' frontUrl='"http://easycommerc.cz/users/Kantona/images/Bg-007-01.jpeg"' groundAngle='[]' groundColor='(0,0,0)' isActive='false' leftUrl='http://easycommerc.cz/users/Kantona/images/Bg-007-02.jpeg' metadata='X3DMetadataObject' rightUrl='"http://easycommerc.cz/users/Kantona/images/Bg-007-03.jpeg"' scaling='false' skyAngle='[]' skyColor='(0,0,0)' topUrl='"http://easycommerc.cz/users/Kantona/images/Bg-007-04.jpeg"' transparency='0/1' ></Background>  -->
  218.                     {% if isStartGuide is not defined %}
  219.                         {% set isStartGuide = false %}
  220.                     {% endif %}
  222.                     {% if isStartGuide is defined and isStartGuide %}
  223.                         <Transform DEF='TourAvatarWrapper' id='TourAvatarWrapper'>
  224.                             <viewpoint orientation='0 1 0 -0.2' position='0 3 0' DEF='x3d_viewpoint_tour' id='x3d_viewpoint_tour'></viewpoint>
  225.                         </Transform>
  226.                         <viewpoint orientation='0 1 0 1' position='-10 3 0'  id='x3d_viewpoint_2'></viewpoint>
  227.                         <Transform DEF='AvatarWrapper' id='AvatarWrapper'>
  228.                             <viewpoint orientation='0 1 0 -0' position='0 3 9'  id='x3d_viewpoint_1'></viewpoint>
  229.                         </Transform>
  230.                     {% else %}
  231.                         <Transform DEF='AvatarWrapper' id='AvatarWrapper'>
  232.                             <viewpoint orientation='0 1 0 -0' position='0 3 9'  id='x3d_viewpoint_1'></viewpoint>
  233.                         </Transform>
  234.                         <viewpoint orientation='0 1 0 1' position='-10 3 0'  id='x3d_viewpoint_2'></viewpoint>
  235.                         <Transform DEF='TourAvatarWrapper' id='TourAvatarWrapper'>
  236.                             <viewpoint orientation='0 1 0 -0.2' position='0 3 0' DEF='x3d_viewpoint_tour' id='x3d_viewpoint_tour'></viewpoint>
  237.                         </Transform>
  238.                     {% endif %}
  239.                 
  240.                 <viewpoint orientation='0 1 0 0.5' position='-10 3 -13'  id='x3d_viewpoint_3'></viewpoint>
  241.                 <viewpoint orientation='0 1 0 -0' position='0 3 8'  id='x3d_viewpoint_home'></viewpoint>
  242.                     <viewpoint orientation='0 1 0 -0' position='0 3 15'  id='x3d_viewpoint_menu'></viewpoint>
  243.                 
  244.                 <DirectionalLight ambientIntensity='0.835991' direction='0.584419 0.286636 0.75914'></DirectionalLight>
  246.                 <Background groundColor='0.2 0.2 0 0.3 0.3 0 0.5 0.5 0.3 0.1 0.3 0.4 0 0.2 0.4' skyAngle='0.04 0.05 0.1 1.309 1.570' skyColor='0.8 0.8 0.2 0.8 0.8 0.2 0.1 0.1 0.6 0.1 0.1 0.6 0.1 0.25 0.8 0.6 0.6 0.9'></Background>
  247.                 
  249.                 <!-- <PositionInterpolator DEF='UserTranslation1' key='0 0.3 0.5 0.8 1.0' keyValue='-12 0 0 -2 0 20 12 0 -20 12 0 0 -12 0 0'/></PositionInterpolator> -->
  250.                 <TimeSensor DEF='CLOCK' cycleInterval='33' loop='true' enabled='true'></TimeSensor>
  251.                 
  252.               <Transform DEF='CategoriesBox' translation='0 0 0' rotation='0 1 0 -0.13117953405799'>
  254.                 {# Root Categories#}
  255.                   {% set rootCategoryX = -7 %}
  256.                   {% set bDistance = 20 %}
  257.                   {% set catCount = 0 %}
  258.                   {% set countRootCategories = childNodes|length %}
  259.                   {% set gamma = -(180 / countRootCategories) %}
  260.                   {% set beta = 90 %}
  261.                   {% set alfa = (180 - beta) - gamma %}
  262.                   {% set shopWidth = (countRootCategories + 2) * 10 %}
  263.                   {% set yRotation = null %}
  264.                   {% set xPos = 20 %}
  265.                   {% set zPos = -30 %}
  267.                   {% for category in childNodes %}
  269.                       {% set catCount = catCount + 1 %}
  270.                       {% set curGamma = gamma * catCount %}
  271.                       {% set curAlfa = (180 - beta) - curGamma %}
  272. {#                      {% set zPos = (bDistance * sin(deg2rad(curGamma)))/sin(deg2rad(90)) %}#}
  273. {#                      $xPos = ($bDistance * sin(deg2rad($curAlfa)))/sin(deg2rad(90));#}
  274.                       {% set xPos = (xPos - 10) %}
  275. {#                      {% set zPos = (zPos + 20) %}#}
  276.                       {% set curGamma = gamma * catCount %}
  278.                       {% if yRotation == null %}
  279.                           {% set yRotation = 1.5 %}
  280.                       {% else %}
  281.                           {% set yRotation = yRotation - 3.3/countRootCategories %}
  282.                       {% endif %}
  284.                       {% set yRotation = 0.0 %}
  286.                       {% set catId = category.categoryId %}
  287.                       {% set categoryProductCount = categoryProducts[catId]|length %}
  289.                       {% if category.categoryName|length > 30 %}
  290.                           {% set labelFontSize = 0.3 %}
  291.                           {% set smallLabelFontSize = 0.12 %}
  292.                       {% elseif category.categoryName|length > 15 %}
  293.                           {% set labelFontSize = 0.5 %}
  294.                           {% set smallLabelFontSize = 0.2 %}
  295.                       {% else %}
  296.                           {% set labelFontSize = 0.7 %}
  297.                           {% set smallLabelFontSize = 0.3 %}
  298.                       {% endif %}
  300.                       {% if 'http' in category.image1 %}
  301.                           {% set imgPath = category.image1 %}
  302.                           {% set path = imgPath %}
  303.                           {% set imageThumbPath = 'users/' ~ user.userName ~ '/images/thumb_' ~ path %}
  304.                           {% set imgSysPath = category.image1 %}
  305.                           {% set isURL = true %}
  306.                       {% else %}
  307.                           {% set imgPath = userDirs['web'] ~ '/images/' ~ category.image1 %}
  308.                           {% set imgPath = userDirs['images'] ~ category.image1 %}
  309.                       {% endif %}
  311.                         {#  we prepare the category box size #}
  312.                       {% set thumbWidth = 150 %}
  313.                       {% set thumbHeight = 150 %}
  314.                       {% set maxThumbHeight = 150 %}
  315.                       {% set width = 150 %}
  317.                       {% set tourViewPoint = [] %}
  318.                       {% set tourViewPoint = tourViewPoint|merge({'x': (-(xPos + 2))}) %}
  319.                       {% set tourViewPoint = tourViewPoint|merge({'y': 0}) %}
  320.                       {% set tourViewPoint = tourViewPoint|merge({'z': (zPos + 15.55)}) %}
  322.                       {% set tourArray = tourArray|merge([tourViewPoint]) %}
  324.                     <Transform translation='{{ -(xPos + 2) }} 5.7 {{ zPos + 0.55 }}' rotation='0 1 0 {{ yRotation }}'>
  326.                         <viewpoint position='0 -2.2 8.5'  id='root_category_viewpoint_{{ catId }}'></viewpoint>
  328.                         <!-- category label background -->
  329.                         <Transform translation='0 0.1 0.0'>
  330.                             <shape onclick="changeViewpoint('root_category_viewpoint_{{ catId }}')">
  331.                                 <appearance>
  332.                                     <material diffuseColor='0 0 0' specularColor='0 0 0' transparency='0.4'></material>
  333.                                 </appearance>
  334.                                 <box size='6.5,1.3,0.01'></box>
  335.                             </shape>
  336.                         </Transform>    
  337.                         <!-- category label -->                    
  338.                         <Transform translation='0.0 -0.1 0.05'>
  339.                             <shape onclick="changeViewpoint('root_category_viewpoint_{{ catId }}')">
  340.                                 <appearance>
  341.                                     <material ambientIntensity='0.7' diffuseColor='1 1 1' specularColor='1 1 1'></material>
  342.                                 </appearance>
  343.                                 <text string='{{ category.categoryName }}' solid='false'>
  344.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ labelFontSize }}"></fontstyle>
  345.                                 </text>
  346.                             </shape>
  347.                         </Transform>
  348.                         <!-- category arch -->
  349.                         <Transform translation='0 1 -0.5' rotation='1 0 0 1.60'>
  350.                             <Shape>
  351.                                 <Appearance>
  352.                           <Material ambientIntensity='0.1'></Material>
  353.                           <ImageTexture url='{{ textureArray['wall-texture-2'] }}'></ImageTexture>
  354.                           <TextureTransform scale='1 2.5'/>
  355.                                 </Appearance>
  356.                                 <Cylinder height='0.4' radius='2.05'></Cylinder>
  357.                             </Shape>
  358.                         </Transform>
  359.                         <!-- category image -->
  360.                         <Transform translation='0 1 -0.5' rotation='1 0 0 1.60'>
  361.                             <Shape>
  362.                                 <Appearance>
  363.                           <Material ambientIntensity='0.1' diffuseColor='1 1 1' specularColor='1 1 1' transparency='0.4'></Material>
  364.                                 </Appearance>
  365.                                 <Cylinder height='0.5' radius='1.8'></Cylinder>
  366.                             </Shape>
  367.                         </Transform>      
  368.                         
  369.                         <Transform translation='0 1.7 -0.3'>
  370.                             <shape onclick="changeViewpoint('root_category_viewpoint_{{ catId }}')">
  371.                                 <appearance>
  372.                                     <material diffuseColor='0 0 0' specularColor='0 0 0'></material>
  373.                                     <ImageTexture url='{{ imgPath }}'></ImageTexture>
  374.                                     <TextureTransform scale='1 1'/>
  375.                                 </appearance>
  376.                                 <Box size='{{ thumbWidth/100 }} {{ thumbHeight/100 }} {{ thumbWidth/100 }}'/>
  377.                             </shape>
  378.                         </Transform>
  381.                         <!-- category - left column -->
  382.                         <Transform translation='-3.5 -4.15 0'>
  383.                         <shape>
  384.                             <appearance>
  385.                               <Material ambientIntensity='0.1'></Material>
  386.                               <ImageTexture url='{{ textureArray['wall-texture-2'] }}'></ImageTexture>
  387.                               <TextureTransform scale='0.5 1'/>
  388.                             </appearance>
  389.                             <box size='0.7, 10,0.7'></box>
  390.                         </shape>
  391.                         </Transform>
  392.                         
  393.                         <!-- category - right column -->
  394.                         <Transform translation='3.5 -4.15 0'>
  395.                         <shape>
  396.                             <appearance>
  397.                           <Material ambientIntensity='0.1'></Material>
  398.                           <ImageTexture url='{{ textureArray['wall-texture-2'] }}'></ImageTexture>
  399.                           <TextureTransform scale='0.5 0.5'/>
  400.                             </appearance>
  401.                             <box size='0.7, 10,0.7'></box>
  402.                         </shape>
  403.                         </Transform>    
  404.                         <Transform translation='2.1 -5.55 0'>
  405.                         <shape>
  406.                             <appearance>
  407.                                   <material diffuseColor='0 0 0' specularColor='0 0 0' transparency='0.4'></material>
  408.                             </appearance>
  409.                             <box size='2.1, 10, 0.01'></box>
  410.                         </shape>
  411.                         </Transform>                        
  412.                         <!-- small label title -->                    
  413.                         <Transform translation='2.2 -3.1 0.55'>
  414.                             <shape onclick="changeViewpoint('root_category_viewpoint_{{ catId }}')">
  415.                                 <appearance>
  416.                                     <material diffuseColor='1 1 1' specularColor='1 1 1'></material>
  417.                                 </appearance>
  418.                                 <text string='{{ category.categoryName }}' solid='false'>
  419.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ smallLabelFontSize }}"></fontstyle>
  420.                                 </text>
  421.                             </shape>
  422.                         </Transform>
  423.                         <!-- small label background -->
  424.                         <Transform translation='2.5 -2.7 0.5'>
  425.                             <shape onclick="changeViewpoint('root_category_viewpoint_{{ catId }}')">
  426.                                 <appearance>
  427.                                     <material diffuseColor='0 0 0'></material>
  428.                                 </appearance>
  429.                                 <box size='2.8,0.5,0.01'></box>
  430.                             </shape>
  431.                         </Transform>
  433. {#                        subcategories as list#}
  434.                         {% set subCategories = category.children %}
  435.                         {% set subCategoriesCount = subCategories|length %}
  437. {#                        we count products in subcategories#}
  438.                         {% set subCatProductCount = 0 %}
  439.                         {% for subCat in subCategories %}
  440.                             {% set subCatProductCount = subCatProductCount + categoryProducts[category.categoryId]|length %}
  441.                         {% endfor %}
  443.                         {% set positionZ = subCatProductCount * 2 %}
  444.                         {% set subCatCount = 0 %}
  445.                         {% set productPositionZ = 3 %}
  446.                         {% set productPositionY = -2.8 %}
  448.                         {% for subCat in subCategories %}
  449.                             {% set subCatId = subCat.categoryId %}
  450.                             {% set productPositionY = productPositionY - 0.55 %}
  452.                             <!-- small label title -->
  453.                             <Transform translation='2.2 {{ productPositionY-0.3 }} 0.55'>
  454.                                 <shape onclick="changeViewpoint('category_viewpoint_{{ subCatId }}')">
  455.                                     <appearance>
  456.                                         <material diffuseColor='1 1 1' specularColor='1 1 1'></material>
  457.                                     </appearance>
  458.                                     <text string='{{ subCat.categoryName }}' solid='false'>
  459.                                         <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ smallLabelFontSize }}"></fontstyle>
  460.                                     </text>
  461.                                 </shape>
  462.                             </Transform>
  463.                             <!-- small label background -->
  464.                             <Transform translation='2.5 {{ productPositionY + 0.1 }} 0.5'>
  465.                                 <shape onclick="changeViewpoint('category_viewpoint_{{ subCatId }}')">
  466.                                     <appearance>
  467.                                         <material diffuseColor='0.2 0.2 0.2'></material>
  468.                                     </appearance>
  469.                                     <box size='2.8,0.5,0.01'></box>
  470.                                 </shape>
  471.                             </Transform>
  473.                         {% endfor %}
  475.                         <!-- special products in front of main categories -->
  476.                         {# {% set categoryProductLocationZ = 2 * categoryProductCount + 1.8 %}#}
  477.                         {% set frontCategoryLocationZ = 7 %}
  478.                         {% set categoryProductLocationZ = 2 * categoryProductCount + frontCategoryLocationZ %}
  480.                 <Transform translation='-2.3 -4.7 {{ frontCategoryLocationZ }}' rotation='0 1 0 0'>
  482.                     {% set rootCategoryX = rootCategoryX + 3.3 %}
  483.                     {# displays products in category #}
  484.                     {% set productCount = 0 %}
  485.                     {% set isURL = false %}
  486.                     {% set categoryId = category.categoryId %}
  488.                     {% for product in categoryProducts[categoryId] %}
  490.                         {% set productCount = productCount + 1 %}
  491.                         {% set productPositionX = productCount * 21 %}
  492.                         {% set productPositionZ = productCount * 2 %}
  494.                         {% if 'http' in product.image1 %}
  495.                             {% set imgPath = product.image1 %}
  496.                             {% set imgSysPath = product.image1 %}
  497.                             {% set isURL = true %}
  498.                         {% else %}
  499.                             {% set imgPath = userDirs['web'] ~ '/images/' ~ product.image1 %}
  500.                             {% set imgSysPath = userDirs['images'] ~ '/' ~ product.image1 %}
  501.                         {% endif %}
  503.                         {# we prepare the product box size #}
  504.                         {% set thumbWidth = 147 %}
  505.                         {% set thumbHeight = 147 %}
  506.                         {% set maxThumbHeight = 147 %}
  507.                         {% set width = 147 %}
  509.                         {# we load VAT #}
  510.                         {% set productVAT = null %}
  511.                         {% if product is defined and product.productVAT is defined and product.productVAT > 0 %}
  512.                             {# VAT is derived from productVAT #}
  513.                             {% set productVAT = product.productVAT %}
  514.                         {% elseif eshop.preferredVAT is defined and eshop.preferredVAT > 0 %}
  515.                             {# VAT is derived from eshop VAT #}
  516.                             {% set productVAT = eshop.preferredVAT %}
  517.                         {% endif %}
  519.                         {% if category.categoryName|length > 15 %}
  520.                             {% set labelFontSize = 0.2 %}
  521.                         {% elseif category.categoryName|length > 30 %}
  522.                             {% set labelFontSize = 0.1 %}
  523.                         {% else %}
  524.                             {% set labelFontSize = 0.4 %}
  525.                         {% endif %}
  527.                         {# we get price(s) to display#}
  528.                         {% set displayPrice = null %}
  529.                         {% set displayPriceVAT = null %}
  530.                         {% set defaultDisplayPrice = null %}
  531.                         {% set defaultDisplayPriceVAT = null %}
  533.                         {% for price in categoryProductPrices[categoryId] %}
  535.                             {% if price.productId == product.productId %}
  536.                                 {# we get price level according to logged contact-customer #}
  537.                                 {% if app.session.get('contact') is defined and app.session.get('contact').priceLevel is defined and price.priceLevelId == app.session.get('contact').priceLevel.priceLevelId %}
  539.                                     {# we get netto or brutto value according to e-shop configuration #}
  540.                                     {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices == true %}
  541.                                         {% set displayPrice = price.nettoValue|round(eshop.roundPrice, 'ceil') %}
  542.                                     {% else %}
  543.                                         {% set displayPrice = price.bruttoValue|round(eshop.roundPrice, 'ceil') %}
  544.                                     {% endif %}
  546.                                     {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices == true %}
  547.                                         {% set displayPrice = displayPrice + (displayPrice * (productVAT/100)) %}
  548.                                         {% set displayPriceVATLabel = 'product.price_with_VAT'|trans %}
  549.                                     {% else %}
  550.                                         {% set displayPrice = displayPrice - (displayPrice * (productVAT/100)) %}
  551.                                         {% set displayPriceVATLabel = 'product.price_without_VAT'|trans %}
  552.                                     {% endif %}
  554.                                 {% elseif price.priceLevelId == 1 %}
  556.                                     {# we get default price level #}
  557.                                     {# we get netto or brutto value according to e-shop configuration #}
  558.                                     {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices == true %}
  559.                                         {% set displayPrice = price.nettoValue|round(eshop.roundPrice, 'ceil') %}
  560.                                     {% else %}
  561.                                         {% set displayPrice = price.bruttoValue|round(eshop.roundPrice, 'ceil') %}
  562.                                     {% endif %}
  564.                                     {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices == true %}
  565.                                         {% set displayPrice = displayPrice + (displayPrice * (productVAT/100)) %}
  566.                                         {% set displayPriceVATLabel = 'product.price_with_VAT'|trans %}
  567.                                     {% else %}
  568.                                         {% set displayPrice = displayPrice - (displayPrice * (productVAT/100)) %}
  569.                                         {% set displayPriceVATLabel = 'product.price_without_VAT'|trans %}
  570.                                     {% endif %}
  572.                                 {% endif %}
  573.                             {% endif %}
  575.                         {% endfor %}
  577.                         {% set maxLength = 20 %}
  578.                         {% if product.productName|length > maxLength %}
  579.                             {% set productName = product.productName|slice(0, maxLength) ~ ".." %}
  580.                         {% else %}
  581.                             {% set productName = product.productName %}
  582.                         {% endif %}
  584.                         {% if productName|length > 11 %}
  585.                             {% set productLabelFontSize = 0.15 %}
  586.                         {% elseif productName|length > 20  %}
  587.                             {% set productLabelFontSize = 0.07 %}
  588.                         {% elseif productName|length > 50  %}
  589.                             {% set productLabelFontSize = 0.05 %}
  590.                         {% else %}
  591.                             {% set productLabelFontSize = 0.25 %}
  592.                         {% endif %}
  594.                         {% if displayPrice|length > 3 %}
  595.                             {% set priceLabelFontSize = 0.15 %}
  596.                         {% elseif displayPrice|length > 10  %}
  597.                             {% set priceLabelFontSize = 0.10 %}
  598.                         {% else %}
  599.                             {% set priceLabelFontSize = 0.25 %}
  600.                         {% endif %}
  602.                       <!-- product viewpoint -->
  603.                     <viewpoint orientation='0 1 0 1.6' position='3.5 1.2 -{{ productPositionZ }}'  id='product_viewpoint_{{ product.productId }}'></viewpoint>
  605.                     <Transform translation='0 1.25 -{{ productPositionZ }}'>
  606.                       <shape onclick="changeViewpoint('product_viewpoint_{{ product.productId }}')">
  607.                         <Appearance>
  608.                           <Material diffuseColor='0 0 0' emissiveColor='0 0 0'></Material>
  609.                           <ImageTexture url='{{ imgPath }}'></ImageTexture>
  610.                         </Appearance>
  611.                         <Box size='{{ (thumbWidth/100)|number_format }} {{ (thumbHeight/100)|number_format }} {{ (thumbWidth/100)|number_format }}'/>
  612.                       </Shape>
  613.                     </Transform>
  614.                     <!-- product name -->
  615.                     <Transform translation='0.85 -0.1 -{{ productPositionZ + 0.07 }}' rotation='0 1 0 1.545'>
  616.                             <shape onclick="getProductDetail('{{ eshop.eshopId }}','{{ product.productId }}')">
  617.                                 <appearance>
  618.                                     <material specularColor='0 1 0'></material>
  619.                                 </appearance>
  620.                                 <text string='{{ productName }} {{ productLabelFontSize }}' solid='false'>
  621.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ productLabelFontSize }}"></fontstyle>
  622.                                 </text>
  623.                             </shape>
  624.                            </Transform>                        
  625.                    
  626.                     <!-- more info button -->
  627.                     <Transform translation='0 2.25 -{{ (productPositionZ - 0.55) }}'>
  628.                       <Shape onclick="getProductDetail('{{ eshop.eshopId }}','{{ product.productId }}')">
  629.                         <Appearance>
  630.                            <Material diffuseColor='0 0 0' emissiveColor='0 0 0'></Material>
  631.                            <ImageTexture url='{{ textureArray['info-texture-1'] }}'></ImageTexture>
  632.                                <TextureTransform scale='1 1'></TextureTransform>
  633.                         </Appearance>
  634.                         <Box size='0.5 0.5 0.5'/>
  635.                       </Shape>
  636.                     </Transform>                    
  637.                     <!-- price label - right -->
  638.                     <Transform translation='0.33 1.85 -{{ (productPositionZ - 0.0) }}' rotation='0 1 0 1.6'>
  639.                             <shape>
  640.                                 <appearance>
  641.                                     <material diffuseColor='0 0 0' specularColor='0 0 0'></material>
  642.                                 </appearance>
  643.                                 <text string='{{ displayPrice }}' solid='false'>
  644.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ priceLabelFontSize }}"></fontstyle>
  645.                                 </text>
  646.                             </shape>
  647.                     </Transform>        
  648.                     <Transform translation='0.33 1.7 -{{ (productPositionZ - 0.05) }}' rotation='0 1 0 1.6'>
  649.                             <shape>
  650.                                 <appearance>
  651.                                     <material diffuseColor='0 0 0' specularColor='0 0 0'></material>
  652.                                 </appearance>
  653.                                 <text string='{{ app.session.get('eshopCurrency').currencyKey }}' solid='false'>
  654.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="0.15"></fontstyle>
  655.                                 </text>
  656.                             </shape>
  657.                     </Transform>
  658.                     <!-- price label - left -->
  659.                     <Transform translation='-0.01 1.85 -{{ (productPositionZ + 0.25) }}' rotation='0 1 0 -1.6'>
  660.                             <shape>
  661.                                 <appearance>
  662.                                     <material diffuseColor='0 0 0' specularColor='0 0 0'></material>
  663.                                 </appearance>
  664.                                 <text string='{{ displayPrice }}' solid='false'>
  665.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ priceLabelFontSize }}"></fontstyle>
  666.                                 </text>
  667.                             </shape>
  668.                     </Transform>
  669.                     <Transform translation='-0.01 1.7 -{{ (productPositionZ + 0.15) }}' rotation='0 1 0 -1.6'>
  670.                             <shape>
  671.                                 <appearance>
  672.                                     <material diffuseColor='0 0 0' specularColor='0 0 0'></material>
  673.                                 </appearance>
  674.                                 <text string='{{ app.session.get('eshopCurrency').currencyKey }}' solid='false'>
  675.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="0.15"></fontstyle>
  676.                                 </text>
  677.                             </shape>
  678.                     </Transform>
  680.                     <Transform translation='0 2.25 -{{ productPositionZ }}'>
  681.                       <Shape>
  682.                         <Appearance>
  683.                           <Material diffuseColor='1 1 1' emissiveColor='1 1 1'></Material>
  684.                         </Appearance>
  685.                         <Box size='0.5 0.5 0.5'/>
  686.                       </Shape>
  687.                     </Transform>    
  688.                     <!-- add to basket button -->
  689.                     <Transform translation='0 2.25 -{{ (productPositionZ + 0.55) }}'>
  690.                       <Shape onclick="addBasket('{{ eshop.eshopId }}','{{ product.productId }}',1,{{ displayPrice }})">
  691.                         <Appearance>
  692.                            <Material diffuseColor='0 1 0'></Material>
  693.                            <ImageTexture url='{{ textureArray['cart-texture-1'] }}'></ImageTexture>
  694.                                <TextureTransform scale='1 1'></TextureTransform>
  695.                         </Appearance>
  696.                         <Box size='0.5 0.5 0.5'/>
  697.                       </Shape>
  698.                     </Transform> 
  700.                     <!-- product shelf -->
  701.                     <Transform translation='0 0.33 -{{ productPositionZ }}'>
  702.                       <Shape onclick="getProductDetail('{{ eshop.eshopId }}','{{ product.productId }}')">
  703.                         <Appearance>
  704.                           <Material diffuseColor='0 0 0' emissiveColor='0 0 0'></Material>
  705.                         </Appearance>
  706.                         <Box size='1.6 0.3 1.6'/>
  707.                       </Shape>
  708.                     </Transform>                    
  709.                     <Transform translation='0 -0.25 -{{ productPositionZ }}'>
  710.                       <Shape>
  711.                         <Appearance>
  712.                           <Material diffuseColor='0.1 0.1 0.1' emissiveColor='0.1 0.1 0.1' transparency='0.4'></Material>
  713.                         </Appearance>
  714.                         <Box size='1.3 {{ (thumbHeight/100) }} 1.3'/>
  715.                       </Shape>
  716.                     </Transform>                                  
  718.                 {% endfor %}
  719.                 </Transform>
  721.                 {# subcategories as shelves #}
  722.                 {% set subCategories = category.children %}
  723.                 {% set subCategoriesCount = subCategories|length %}
  725.                 {# we count products in subcategories #}
  726.                 {% set subCatProductCount = 0 %}
  727.                 {% set subCatProductCount = 0 %}
  729.                 {% for subCat in subCategories %}
  731.                     {% set subCatId = subCat.categoryId %}
  732.                     {% set subCatProductCount = subCatProductCount + categoryProducts[subCatId]|length %}
  734.                     {% set positionZ2 = (subCatProductCount * 1) %}
  735.                     {% set positionZ = (2 * subCatProductCount + 1.8) %}
  738.                 {% endfor %}
  740.                 <Transform translation='-2.3 -4.2 0' rotation='0 1 0 0'>
  742.                     {% set subCatCount = 0 %}
  743.                     {% set preProductPositionZ = productPositionZ %}
  744.                     {% set productPositionZ = categoryProductLocationZ - (2 * frontCategoryLocationZ) %}
  746.                     {% for subCat in subCategories %}
  748.                         {% set subCatCount = subCatCount + 1 %}
  749.                         {% set subCatId = subCat.categoryId %}
  751.                         {% set subCatPositionX = ((subCatCount * 5)-3) %}
  752.                         {% set subCatPositionZ = -19 %}
  754.                         {% if subCat.categoryName|length > 13 %}
  755.                             {% set labelFontSize = 0.4 %}
  756.                             {% set bgLength = 0.275 %}
  757.                         {% elseif subCat.categoryName|length > 22  %}
  758.                             {% set labelFontSize = 0.3 %}
  759.                             {% set bgLength = 0.2 %}
  760.                         {% else %}
  761.                             {% set labelFontSize = 0.6 %}
  762.                             {% set bgLength = 0.375 %}
  763.                         {% endif %}
  765.                         {% set subCatBgLength = (subCat.categoryName|length * bgLength) %}
  767.                         {% if subCatYPosition is defined %}
  768.                             {% set subCatYPosition = subCatYPosition + 1 %}
  769.                         {% else %}
  770.                             {% set subCatYPosition = 4 %}
  771.                         {% endif %}
  772.                         
  774.                         <viewpoint orientation='0 1 0 1.6' position='7 1.7 -{{ (productPositionZ + 1.3) }}' id='category_viewpoint_{{ subCatId }}'></viewpoint>
  776.                         <!-- subcategory label background -->
  777.                         <Transform translation='0 {{ (subCatYPosition + 0.2) }} -{{ (productPositionZ + 3) }}' rotation='0 1 0 1.54'>
  778.                             <shape onclick="changeViewpoint('category_viewpoint_{{ subCatId }}')">
  779.                                 <appearance>
  780.                                     <material diffuseColor='0.2 0.2 0.2'></material>
  781.                                 </appearance>
  782.                                 <box size='{{ subCatBgLength }},0.7,0.01'></box>
  783.                             </shape>
  784.                         </Transform>
  785.                         <!-- subcategory label -->
  786.                         <Transform translation='0.1 {{ (subCatYPosition - 0.05) }} -{{ (productPositionZ + 1) }}' rotation='0 1 0 1.54'>
  787.                             <shape onclick="changeViewpoint('category_viewpoint_{{ subCatId }}')">
  788.                                 <appearance>
  789.                                     <material diffuseColor='1 1 1' specularColor='1 1 1'></material>
  790.                                 </appearance>
  791.                                 <text string='{{ subCat.categoryName }}::QQW2::{{ preProductPositionZ }}:{{ productPositionZ }}' solid='false'>
  792.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ labelFontSize }}"></fontstyle>
  793.                                 </text>
  794.                             </shape>
  795.                         </Transform>
  797.                         {% set productCount = 0 %}
  798.                         {% for product in categoryProducts[subCat.categoryId] %}
  800.                             {% set productCount = productCount + 1 %}
  801.                             {% set productPositionX = (productCount * 21) %}
  802.                             {% set productRowCount = 2 %}
  804.                             {% if productCount % productRowCount == 0 %}
  805.                                 {% set productPositionY = -1 %}
  806.                             {% else %}
  807.                                 {% set productPositionY = 1.2 %}
  808.                                 {% set productPositionZ = productPositionZ + 2 %}
  809.                             {% endif %}
  811.                             {% set isURL = false %}
  813.                             {% if 'http' in product.image1 %}
  814.                                 {% set imgPath = product.image1 %}
  815.                                 {% set imgSysPath = product.image1 %}
  816.                                 {% set isURL = true %}
  817.                             {% else %}
  818.                                 {% set imgPath = userDirs['web'] ~ '/images/' ~ product.image1 %}
  819.                                 {% set imgSysPath = userDirs['images'] ~ '/' ~ product.image1 %}
  820.                             {% endif %}
  822.                             {# we prepare the product box size#}
  823.                             {#                        @to_continue #}
  824.                             {% set thumbWidth = 120 %}
  825.                             {% set maxThumbHeight = 120 %}
  827.                             {# we load VAT #}
  828.                             {% set productVAT = null %}
  829.                             {% if product is defined and product.productVAT is defined and product.productVAT > 0 %}
  830.                                 {#    VAT is derived from productVAT #}
  831.                                 {% set productVAT = product.productVAT %}
  832.                             {% elseif eshop.preferredVAT is defined and eshop.preferredVAT > 0  %}
  833.                                 {#    VAT is derived from eshop VAT #}
  834.                                 {% set productVAT = eshop.preferredVAT %}
  835.                             {% endif %}
  837.                             {# we get price(s) to display #}
  838.                             {% set displayPrice = null %}
  839.                             {% set displayPriceVAT = null %}
  840.                             {% set defaultDisplayPrice = null %}
  841.                             {% set defaultDisplayPriceVAT = null %}
  843.                             {% for price in categoryProductPrices[subCat.categoryId()] %}
  845.                                 {% if price.productId == product.productId %}
  847.                                     {# we get price level according to logged contact-customer #}
  848.                                     {% if app.session.get('contact') is defined and app.session.get('contact').priceLevel.priceLevelId is defined and app.session.get('contact').priceLevel and price.priceLevelId == app.session.get('contact').priceLevel.priceLevelId %}
  849.                                         {# we get netto or brutto value according to e-shop configuration #}
  850.                                         {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices == true %}
  851.                                             {% set displayPrice = price.nettoValue|round(eshop.roundPrice, 'ceil') %}
  852.                                         {% else %}
  853.                                             {% set displayPrice = price.bruttoValue|round(eshop.roundPrice, 'ceil') %}
  854.                                         {% endif %}
  856.                                         {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices == true %}
  857.                                             {% set displayPrice = displayPrice + (displayPrice * (productVAT/100)) %}
  858.                                             {% set displayPriceVATLabel = 'product.price_with_VAT'|trans %}
  859.                                         {% else %}
  860.                                             {% set displayPrice = displayPrice - (displayPrice * (productVAT/100)) %}
  861.                                             {% set displayPriceVATLabel = 'product.price_without_VAT'|trans %}
  862.                                         {% endif %}
  864.                                     {% elseif price.priceLevelId == 1 %}
  866.                                         {# we get default price level #}
  867.                                         {# we get netto or brutto value according to e-shop configuration #}
  868.                                         {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices == true %}
  869.                                             {% set displayPrice = price.nettoValue|round(eshop.roundPrice, 'ceil') %}
  870.                                         {% else %}
  871.                                             {% set displayPrice = price.bruttoValue|round(eshop.roundPrice, 'ceil') %}
  872.                                         {% endif %}
  874.                                         {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices == true %}
  875.                                             {% set displayPrice = displayPrice + (displayPrice * (productVAT/100)) %}
  876.                                             {% set displayPriceVATLabel = 'product.price_with_VAT'|trans %}
  877.                                         {% else %}
  878.                                             {% set displayPrice = displayPrice - (displayPrice * (productVAT/100)) %}
  879.                                             {% set displayPriceVATLabel = 'product.price_without_VAT'|trans %}
  880.                                         {% endif %}
  882.                                     {% endif %}
  884.                                 {% endif %}
  886.                             {% endfor %}
  888.                             {% set displayPackPrice = null %}
  889.                             {% set displayPackPriceVAT = null %}
  890.                             {% set defaultDisplayPackPrice = null %}
  891.                             {% set defaultDisplayPackPriceVAT = null %}
  893.                             {% if isPackSaleModule %}
  894.                                 {% for price in categoryProductPrices[subCat.categoryId] %}
  895.                                     {% if price.productId == product.productId %}
  896.                                         {% if app.session.get('contact') is defined and app.session.get('contact').priceLevel is defined and price.priceLevelId == app.session.get('contact').priceLevel.priceLevelId %}
  898.                                             {# we get netto or brutto value according to e-shop configuration #}
  900.                                             {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices %}
  901.                                                 {% set displayPackPrice = price.nettoValue|round(eshop.roundPrice, 'ceil') %}
  902.                                             {% else %}
  903.                                                 {% set displayPackPrice = price.bruttoValue|round(eshop.roundPrice, 'ceil') %}
  904.                                             {% endif %}
  906.                                             {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices %}
  907.                                                 {% set displayPackPriceVAT = displayPrice + (displayPrice * (productVAT/100)) %}
  908.                                                 {% set displayPriceVATLabel = 'product.price_with_VAT'|trans %}
  909.                                             {% else %}
  910.                                                 {% set displayPackPriceVAT = displayPrice - (displayPrice * (productVAT/100)) %}
  911.                                                 {% set displayPriceVATLabel = 'product.price_without_VAT'|trans %}
  912.                                             {% endif %}
  914.                                         {% elseif price.priceLevelId == 1 %}
  916.                                             {# we get default price level#}
  917.                                             {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices %}
  918.                                                 {% set displayPackPrice = price.nettoValue|round(eshop.roundPrice, 'ceil') %}
  919.                                             {% else %}
  920.                                                 {% set displayPackPrice = price.bruttoValue|round(eshop.roundPrice, 'ceil') %}
  921.                                             {% endif %}
  923.                                             {% if eshop.displayNettoPrices is defined and eshop.displayNettoPrices %}
  924.                                                 {% set displayPackPriceVAT = displayPrice + (displayPrice * (productVAT/100)) %}
  925.                                                 {% set displayPriceVATLabel = 'product.price_with_VAT'|trans %}
  926.                                             {% else %}
  927.                                                 {% set displayPackPriceVAT = displayPrice - (displayPrice * (productVAT/100)) %}
  928.                                                 {% set displayPriceVATLabel = 'product.price_without_VAT'|trans %}
  929.                                             {% endif %}
  931.                                         {% endif %}
  932.                                     {% endif %}
  933.                                 {% endfor %}
  934.                             {% endif %}
  936.                             {% set maxLength = 20 %}
  937.                             {% if product.productName|length > maxLength %}
  938.                                 {% set productName = product.productName|slice(0, maxLength) ~ ".." %}
  939.                             {% else %}
  940.                                 {% set productName = product.productName %}
  941.                             {% endif %}
  943.                             {% if productName|length > 11 %}
  944.                                 {% set productLabelFontSize = 0.15 %}
  945.                             {% elseif productName|length > 20  %}
  946.                                 {% set productLabelFontSize = 0.07 %}
  947.                             {% elseif productName|length > 50  %}
  948.                                 {% set productLabelFontSize = 0.05 %}
  949.                             {% else %}
  950.                                 {% set productLabelFontSize = 0.25 %}
  951.                             {% endif %}
  953.                             {% if displayPrice|length > 3 %}
  954.                                 {% set priceLabelFontSize = 0.15 %}
  955.                             {% elseif displayPrice|length > 10  %}
  956.                                 {% set priceLabelFontSize = 0.10 %}
  957.                             {% else %}
  958.                                 {% set priceLabelFontSize = 0.25 %}
  959.                             {% endif %}
  962.                     <!-- product viewpoint -->
  963.                     <viewpoint orientation='0 1 0 1.6' position='6.0 1.25 -{{ productPositionZ }}'  id='product_viewpoint_{{ product.productId }}'></viewpoint>
  964.                 
  965.                     <!-- product box -->
  966.                     <Transform translation='0 {{ (productPositionY + 1.25) }} -{{ productPositionZ }}'>
  967.                         <shape onclick="changeViewpoint('product_viewpoint_{{ product.productId }}')">
  968.                             <Appearance>
  969.                               <Material diffuseColor='0 0 0' emissiveColor='0 0 0' transparency='0.5'></Material>
  970.                               <ImageTexture url='{{ imgPath }}'></ImageTexture>
  971.                             </Appearance>
  972.                             <Box size='{{ (thumbWidth/100)|number_format }} {{ (thumbHeight/100)|number_format }} {{ (thumbWidth/100) }}'/>
  973.                           </Shape>
  974.                     </Transform>
  975.                     <!-- product name -->
  976.                     <Transform translation='0.8 {{ (productPositionY + 0.4) }} -{{ (productPositionZ - 0.78) }}' rotation='0 1 0 1.54'>
  977.                             <shape onclick="getProductDetail('{{ eshop.eshopId }}','{{ product.productId }}')">
  978.                                 <appearance>
  979.                                     <material specularColor='0 1 0'></material>
  980.                                 </appearance>
  981.                                 <text string='{{ productName }}' solid='false'>
  982.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ productLabelFontSize }}"></fontstyle>
  983.                                 </text>
  984.                             </shape>
  985.                            </Transform>    
  987.                     <!-- more info button -->
  988.                     <Transform translation='0 {{ (productPositionY + 2.25) }} -{{ (productPositionZ - 0.55) }}'>
  989.                       <Shape onclick="getProductDetail('{{ eshop.eshopId }}','{{ product.productId }}')">
  990.                         <Appearance>
  991.                            <Material diffuseColor='0 0 0' emissiveColor='0 0 0'></Material>
  992.                            <ImageTexture url='{{ textureArray['info-texture-1'] }}'></ImageTexture>
  993.                                <TextureTransform scale='1 1'></TextureTransform>
  994.                         </Appearance>
  995.                         <Box size='0.5 0.5 0.5'/>
  996.                       </Shape>
  997.                     </Transform>                    
  999.                     <!-- price label - right -->
  1000.                     <Transform translation='0.3 {{ (productPositionY + 2.25) }} -{{ (productPositionZ - 0.25) }}' rotation='0 1 0 1.6'>
  1001.                             <shape>
  1002.                                 <appearance>
  1003.                                     <material diffuseColor='0 0 0' specularColor='0 0 0'></material>
  1004.                                 </appearance>
  1005.                                 <text string='{{ displayPrice }}' solid='false'>
  1006.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ (priceLabelFontSize) }}"></fontstyle>
  1007.                                 </text>
  1008.                             </shape>
  1009.                             </Transform>    
  1010.                     <Transform translation='0.3 {{ (productPositionY + 2.1) }} -{{ (productPositionZ - 0.15) }}' rotation='0 1 0 1.6'>
  1011.                             <shape>
  1012.                                 <appearance>
  1013.                                     <material diffuseColor='0 0 0' specularColor='0 0 0'></material>
  1014.                                 </appearance>
  1015.                                 <text string='{{ app.session.get('eshopCurrency').currencyKey }}' solid='false'>
  1016.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="0.15"></fontstyle>
  1017.                                 </text>
  1018.                             </shape>
  1019.                     </Transform>
  1020.                     <!-- price label - left -->
  1021.                      <Transform translation='-0.3 {{ (productPositionY + 2.25) }} -{{ (productPositionZ + 0.25) }}' rotation='0 1 0 -1.6'>
  1022.                             <shape>
  1023.                                 <appearance>
  1024.                                     <material diffuseColor='0 0 0' specularColor='0 0 0'></material>
  1025.                                 </appearance>
  1026.                                 <text string='{{ displayPrice }}' solid='false'>
  1027.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="{{ (priceLabelFontSize) }}"></fontstyle>
  1028.                                 </text>
  1029.                             </shape>
  1030.                             </Transform>
  1031.                         <Transform translation='-0.3 {{ (productPositionY + 2.1) }} -{{ (productPositionZ + 0.15) }}' rotation='0 1 0 -1.6'>
  1032.                             <shape>
  1033.                                 <appearance>
  1034.                                     <material diffuseColor='0 0 0' specularColor='0 0 0'></material>
  1035.                                 </appearance>
  1036.                                 <text string='{{ app.session.get('eshopCurrency').currencyKey }}' solid='false'>
  1037.                                     <fontstyle family="TYPEWRITER" style="BOLDITALIC" size="0.15"></fontstyle>
  1038.                                 </text>
  1039.                             </shape>
  1040.                             </Transform>                                            
  1041.                         
  1042.                     <Transform translation='0 {{ (productPositionY + 2.25) }} -{{ (productPositionZ) }}'>
  1043.                       <Shape>
  1044.                         <Appearance>
  1045.                           <Material diffuseColor='1 1 1' emissiveColor='1 1 1'></Material>
  1046.                         </Appearance>
  1047.                         <Box size='0.5 0.5 0.5'/>
  1048.                       </Shape>
  1049.                     </Transform>
  1050.                     
  1051.                     <!-- add to basket button -->
  1052.                     <Transform translation='0 {{ (productPositionY + 2.25) }} -{{ (productPositionZ + 0.55) }}'>
  1053.                       <Shape onclick="addBasket('{{ eshop.eshopId }}','{{ product.productId }}',1, {{ displayPrice }})">
  1054.                         <Appearance>
  1055.                           <Material diffuseColor='0 1 0'></Material>
  1056.                           <ImageTexture url='{{ textureArray['cart-texture-1'] }}'></ImageTexture>
  1057.                               <TextureTransform scale='1 1'></TextureTransform>
  1058.                         </Appearance>
  1059.                         <Box size='0.5 0.5 0.5'/>
  1060.                       </Shape>
  1061.                     </Transform>
  1063.                     {% if productCount is divisible by(productRowCount) %}
  1065.                         <!-- product shelf - bottom -->
  1066.                         <Transform translation='0 -0.57 -{{ productPositionZ }}'>
  1067.                           <Shape onclick="getProductDetail('{{ eshop.eshopId }}','{{ product.productId }}')">
  1068.                             <Appearance>
  1069.                               <Material diffuseColor='0 0 0' emissiveColor='0 0 0'></Material>
  1070.                             </Appearance>
  1071.                             <Box size='1.6 0.2 1.6'/>
  1072.                           </Shape>
  1073.                         </Transform>
  1074.                         <Transform translation='0 -1.2 -{{ productPositionZ }}'>
  1075.                           <Shape>
  1076.                             <Appearance>
  1077.                               <Material diffuseColor='0.1 0.1 0.1' emissiveColor='0.1 0.1 0.1' transparency='0.4'></Material>
  1078.                             </Appearance>
  1079.                             <Box size='1.3 {{ (thumbHeight/100)|number_format }} 1.3'/>
  1080.                           </Shape>
  1081.                         </Transform>
  1083.                   {% else %}
  1085.                     <!-- product shelf - top -->
  1086.                     <Transform translation='0 1.63 -{{ productPositionZ }}'>
  1087.                       <Shape onclick="getProductDetail('{{ eshop.eshopId }}','{{ product.productId }}')">
  1088.                         <Appearance>
  1089.                           <Material diffuseColor='0 0 0' emissiveColor='0 0 0'></Material>
  1090.                         </Appearance>
  1091.                         <Box size='1.6 0.2 1.6'/>
  1092.                       </Shape>
  1093.                     </Transform>                    
  1094.                     <Transform translation='0 1.63 -{{ productPositionZ }}'>
  1095.                       <Shape>
  1096.                         <Appearance>
  1097.                           <Material diffuseColor='0.1 0.1 0.1' emissiveColor='0.1 0.1 0.1' transparency='0.4'></Material>
  1098.                         </Appearance>
  1099.                         <Box size='1.3 0.21 1.3'/>
  1100.                       </Shape>
  1101.                     </Transform>
  1102.                   {% endif %}
  1104.                     {% endfor %}
  1106.                 {% endfor %}
  1107.                 </Transform>
  1109.             </Transform>
  1111.           {% endfor %}
  1112.             
  1113.             <!-- Free Worlds -->
  1114.             {% if eshop3D is defined and eshop3D.freeWorlds is defined %}
  1116.                 {% for freeWorld in eshop3D.freeWorlds %}
  1118.                 <Transform translation='{{ freeWorld.preferredPosition }}' rotation='{{ freeWorld.preferredRotation }}' scale='{{ freeWorld.preferredScale }}'>
  1119.                   
  1120.                       <Inline url='"{{ freeWorld.xmlFile }}"' >
  1121.                     </Inline>
  1122.                 </Transform>
  1124.                 {% endfor %}
  1126.             {% endif %}
  1128.             <!-- Tour -->
  1129.             {% set tourPeriod = 1/(tourArray|length)  %}
  1130.             {% set tourCurrentKey = 0  %}
  1131.             {% set tourKey = ''  %}
  1132.             {% set tourKeyValue = ''  %}
  1133.             {% set tourCount = 0  %}
  1134.             {% set tourFirstKeyValue = ''  %}
  1136.             {% for tourViewpoint in tourArray %}
  1138. {#                <HR>tourViewpoint: {{ dump(tourViewpoint) }}#}
  1139.                 {% set tourKey = tourKey ~ ' ' ~  tourCurrentKey|trans %}
  1140.                 {% set tourCurrentKey = tourCurrentKey + tourPeriod %}
  1141.                 {% set tourKeyValue = tourKeyValue ~ ' ' ~ tourViewpoint["x"]|trans ~ ' ' ~ tourViewpoint["y"]|trans ~ ' ' ~ tourViewpoint["z"]|trans %}
  1142.                 {% if tourCount == 0 %}
  1143.                     {% set tourFirstKeyValue = tourViewpoint["x"]|trans ~ ' ' ~ tourViewpoint["y"]|trans ~ ' ' ~ tourViewpoint["z"]|trans %}
  1144.                 {% endif %}
  1146.                 {% set tourCount = tourCount + 1 %}
  1148.             {% endfor %}
  1150.             {% set tourKey =  tourKey ~ ' 1' %}
  1151.             {% set tourKeyValue =  tourKeyValue ~ ' ' ~ tourFirstKeyValue %}
  1153.             <!-- <PositionInterpolator DEF='UserTranslation1' key='0 0.3 0.5 0.8 1.0' keyValue='-12 0 0 -2 0 20 12 0 -20 12 0 0 -12 0 0'/></PositionInterpolator> -->
  1154.             <PositionInterpolator DEF='UserTranslation1' key='{{ tourKey }}' keyValue='{{ tourKeyValue }}'></PositionInterpolator>
  1156.                 <!-- floor -->
  1157.                 <Shape>
  1158.                   <Appearance>
  1159.                     <Material ambientIntensity='0.1'/></Material>
  1160.                     <ImageTexture url='{{ textureArray['floor-texture-1'] }}'></ImageTexture>
  1161.                     <TextureTransform scale='15 15'></TextureTransform>
  1162.                   </Appearance>
  1163.                   <IndexedFaceSet solid='false' coordIndex='0 1 2 3 -1'>
  1164.                     <Coordinate point='-{{ (shopWidth/2)|round(2, 'ceil') }} 0 15.3 {{ (shopWidth/2)|round(2, 'ceil') }} 0 15.3 {{ (shopWidth/2)|round(2, 'ceil') }} 0 -70 -{{ (shopWidth/2)|round(2, 'ceil') }} 0 -70'/>
  1165.                   </IndexedFaceSet>
  1166.                 </Shape>
  1167.                 
  1168.                 <!-- ceil -->
  1169. <!--                 <Shape>
  1170.                   <Appearance>
  1171.                     <Material ambientIntensity='0.1' diffuseColor='0 0 0' specularColor='0 0 0' transparency='0.8'></Material>
  1172.                   </Appearance>
  1173.                   <IndexedFaceSet solid='false' coordIndex='0 1 2 3 -1'>
  1174.                     <Coordinate point='<?= -(round($shopWidth/2)) ?> 8.9 15.3 <?= (round($shopWidth/2)) ?> 8.9 15.3 <?= (round($shopWidth/2)) ?> 8.9 -70 <?= -(round($shopWidth/2)) ?> 8.9 -70'/>
  1175.                   </IndexedFaceSet>
  1176.                 </Shape> -->
  1177.                 
  1178.                 <!-- back wall - top -->
  1179.                 <Transform translation='0 8.4 15.3'>
  1180.                   <Shape>
  1181.                     <Appearance>
  1182.                       <Material ambientIntensity='0.1'></Material>
  1183.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1184.                       <TextureTransform scale='15 0.7'></TextureTransform>
  1185.                     </Appearance>
  1186.                     <Box size='{{ shopWidth }} 2.2 0.4'/>
  1187.                   </Shape>
  1188.                 </Transform>    
  1190.                 <!-- back floor rim -->
  1191.                 <Transform translation='0.0 0.0 15.3'>
  1192.                   <Shape>
  1193.                     <Appearance>
  1194.                       <Material ambientIntensity='0.1' diffuseColor='0 0 0' specularColor='0 0 0' transparency='0.3'></Material>
  1195.                     </Appearance>
  1196.                     <Box size='{{ (shopWidth + 2) }} 0.4 2.2'/>
  1197.                   </Shape>
  1198.                 </Transform>            
  1199.                 
  1200.                 <!-- front wall - top -->
  1201.                 <Transform translation='0 8.4 -69.8'>
  1202.                   <Shape>
  1203.                     <Appearance>
  1204.                       <Material ambientIntensity='0.1'></Material>
  1205.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1206.                       <TextureTransform scale='15 0.7'></TextureTransform>
  1207.                     </Appearance>
  1208.                     <Box size='{{ shopWidth }} 2.2 0.4'/>
  1209.                   </Shape>
  1210.                 </Transform>
  1212.                 <!-- front floor rim -->
  1213.                 <Transform translation='0.0 0.0 -69.8'>
  1214.                   <Shape>
  1215.                     <Appearance>
  1216.                       <Material ambientIntensity='0.1' diffuseColor='0 0 0' specularColor='0 0 0' transparency='0.3'></Material>
  1217.                     </Appearance>
  1218.                     <Box size='{{ (shopWidth + 2) }} 0.4 2.2'/>
  1219.                   </Shape>
  1220.                 </Transform>
  1221.                 
  1222.                 <!-- front left column -->
  1223.                 <Transform translation='-{{ (shopWidth/2)|round(2, 'ceil') }} 4.6 -69.8'>
  1224.                   <Shape>
  1225.                     <Appearance>
  1226.                       <Material ambientIntensity='0.1'></Material>
  1227.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1228.                       <TextureTransform scale='0.5 2'/>
  1229.                     </Appearance>
  1230.                     <Box size='1.5 9.2 1.5'/>
  1231.                   </Shape>
  1232.                 </Transform>
  1233.                 <!-- middle left column -->
  1234.                 <Transform translation='-{{ (shopWidth/2)|round(2, 'ceil') }} 4.6 -25.8'>
  1235.                   <Shape>
  1236.                     <Appearance>
  1237.                       <Material ambientIntensity='0.1'></Material>
  1238.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1239.                       <TextureTransform scale='0.5 2'/>
  1240.                     </Appearance>
  1241.                     <Box size='1.5 9.2 1.5'/>
  1242.                   </Shape>
  1243.                 </Transform>
  1244.                 <!-- back left column -->
  1245.                 <Transform translation='-{{ (shopWidth/2)|round(2, 'ceil') }} 4.6 15.3'>
  1246.                   <Shape>
  1247.                     <Appearance>
  1248.                       <Material ambientIntensity='0.1'></Material>
  1249.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1250.                       <TextureTransform scale='0.5 2'/>
  1251.                     </Appearance>
  1252.                     <Box size='1.5 9.2 1.5'/>
  1253.                   </Shape>
  1254.                 </Transform>
  1255.             
  1256.                 <!-- front right column -->
  1257.                 <Transform translation='{{ (shopWidth/2)|round(2, 'ceil') }} 4.6 -69.8'>
  1258.                   <Shape>
  1259.                     <Appearance>
  1260.                       <Material ambientIntensity='0.1'></Material>
  1261.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1262.                       <TextureTransform scale='0.5 2'/>
  1263.                     </Appearance>
  1264.                     <Box size='1.5 9.2 1.5'/>
  1265.                   </Shape>
  1266.                 </Transform>
  1267.                 <!-- middle right column -->
  1268.                 <Transform translation='{{ (shopWidth/2)|round(2, 'ceil') }} 4.6 -25.8'>
  1269.                   <Shape>
  1270.                     <Appearance>
  1271.                       <Material ambientIntensity='0.1'></Material>
  1272.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1273.                       <TextureTransform scale='0.5 2'/>
  1274.                     </Appearance>
  1275.                     <Box size='1.5 9.2 1.5'/>
  1276.                   </Shape>
  1277.                 </Transform>
  1278.                 <!-- back right column -->
  1279.                 <Transform translation='{{ (shopWidth/2)|round(2, 'ceil') }} 4.6 15.3'>
  1280.                   <Shape>
  1281.                     <Appearance>
  1282.                       <Material ambientIntensity='0.1'></Material>
  1283.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1284.                       <TextureTransform scale='0.5 2'/>
  1285.                     </Appearance>
  1286.                     <Box size='1.5 9.2 1.5'/>
  1287.                   </Shape>
  1288.                 </Transform>                
  1290.                 <!-- left panel below ceiling -->
  1291.                 <Transform translation='-{{ (shopWidth/2)|round(2, 'ceil') }} 8.4 -27.2'>
  1292.                   <Shape>
  1293.                     <Appearance>
  1294.                       <Material ambientIntensity='0.1'></Material>
  1295.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1296.                       <TextureTransform scale='15 0.7'></TextureTransform>
  1297.                     </Appearance>
  1298.                     <Box size='0.4 2.2 85'/>
  1299.                   </Shape>
  1300.                 </Transform>
  1302.                 <!-- right panel below ceiling -->
  1303.                 <Transform translation='{{ (shopWidth/2)|round(2, 'ceil') }} 8.4 -27.2'>
  1304.                   <Shape>
  1305.                     <Appearance>
  1306.                       <Material ambientIntensity='0.1'></Material>
  1307.                       <ImageTexture url='{{ textureArray['wall-texture-1'] }}'></ImageTexture>
  1308.                       <TextureTransform scale='15 0.7'></TextureTransform>
  1309.                     </Appearance>
  1310.                     <Box size='0.4 2.2 85'/>
  1311.                   </Shape>
  1312.                 </Transform>
  1314.                 <!-- left floor rim -->
  1315.                 <Transform translation='-{{ (shopWidth/2)|round(2, 'ceil') }} 0.0 -27.2'>
  1316.                   <Shape>
  1317.                     <Appearance>
  1318.                       <Material ambientIntensity='0.1' diffuseColor='0 0 0' specularColor='0 0 0' transparency='0.3'></Material>
  1319.                     </Appearance>
  1320.                     <Box size='2.2 0.4 87'/>
  1321.                   </Shape>
  1322.                 </Transform>    
  1324.                 <!-- right floor rim -->
  1325.                 <Transform translation='{{ (shopWidth/2)|round(2, 'ceil') }} 0.0 -27.2'>
  1326.                   <Shape>
  1327.                     <Appearance>
  1328.                       <Material ambientIntensity='0.1' diffuseColor='0 0 0' specularColor='0 0 0' transparency='0.3'></Material>
  1329.                     </Appearance>
  1330.                     <Box size='2.2 0.4 87'/>
  1331.                   </Shape>
  1332.                 </Transform>
  1334.               </Transform>
  1335.             
  1336.                   <Route fromNode="CLOCK" fromField ="fraction_changed" toNode="UserTranslation1" toField="set_fraction"> </Route> 
  1337.                 <Route fromNode="UserTranslation1" fromField ="value_changed" toNode="TourAvatarWrapper" toField="translation"> </Route>
  1339.         </scene>
  1340.       </x3d>
  1341.     </div>
  1343.     <script>
  1344.         //we setup full screen 3d canvas
  1345.         //var buttonFullscreen = document.getElementById("button_fullscreen");
  1346.             //buttonFullscreen.click(); // this will trigger the click event
  1348.             //$( document ).ready(function() {
  1349.             //console.log( "ready!" );
  1350.             //document.getElementById("button_fullscreen").click(); 
  1351.         //});
  1353.     </script>
  1355. {% endblock %}