templates/Elements/pricing-table.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .preorder_plan_regular {
  3.         font-size: 20px;
  4.         font-family: "RobotoCN";
  5.         font-weight: 400;
  6.         margin-bottom: 36px;
  7.     }
  9.     .preorder_plan_regular strong {
  10.         font-weight: 700;
  11.         text-decoration: line-through;
  12.         font-size: 26px;
  13.     }
  15.     .preorder_plan_title {
  16.         margin-bottom: 42px;
  17.     }
  19.     .preorder_plan_name {
  20.         margin-bottom: 36px;
  21.     }
  23.     .preorder_plan_spectial {
  24.         margin-bottom: 18px;
  25.         font-size: 24px;
  26.         text-transform: uppercase;
  27.     }
  28. </style>
  30. {% if editmode %}
  31. <section class="section_pricingtable">
  32.     <div class="number_section">
  33.         <div class="wrapper_innerpage">05</div>
  34.     </div>
  35.     <div class="wrapper_mainpage">
  36.         <div class="title16 smalltitle">GET STARTED TODAY</div>
  37.         <h2 class="h2_long" id="pricingsection">{{pimcore_input('pricing_title', {placeholder:'Enter Here'} )}}</h2>
  39.             <p>{{ "Choose Plan Category" }}:</p>
  40.             {{ pimcore_relation("planCategory", {
  41.     "types": ["object"],
  42.     "subtypes": {
  43.         "object": ["object"]
  44.     },
  45.     "classes": ["PlanCategory"]
  46. }) }}
  48.         <div class="pricingtable_bottom"><a class="button button_radius button_transparent_white" href="#" data-toggle="modal" data-target="#guideStep" >LET’S GET STARTED!</a></div>
  49.     </div>
  50.     <div class="pricingtable_scrolldown">
  51.         <div class="wrapper_innerpage"><a class="scrolldown title16" href="#"><span>SCROLL DOWN</span><i></i></a></div>
  52.     </div>
  53. </section>
  54. {% else %}
  55.     {% set planCategory = pimcore_relation("planCategory").getElement() %}
  56.     {% do pimcore_inline_script().appendScript("let planCategoryId ='"~planCategory.id~"'; ") %}
  57.     {% set plans = planCategory.getPlans() %}
  59.     {% if plans|length %}
  60.     <section class="section_pricingtable">
  61.     <div class="number_section">
  62.         <div class="wrapper_innerpage">05</div>
  63.     </div>
  64.     <div class="wrapper_mainpage">
  65.         <div class="title16 smalltitle">GET STARTED TODAY</div>
  66.         <h2 class="h2_long" id="pricingsection">{{pimcore_input('pricing_title', {placeholder:'Enter Here'} )}}</h2>
  68.          
  69.             <div class="preorder_plans">
  70.                 {% for plan in plans %}
  71.                     <a class="preorder_plan" href="#" data-toggle="modal" data-target="#guideStep">
  72.                         <div class="preorder_plan_title">{{plan.duration == 1 ? "30 DAY PLAN" : plan.duration~" MONTH PLAN"}}</div>
  73.                         {% if plan.property('regularTitle') %}
  74.                                 <div class="preorder_plan_regular">{{plan.property('regularTitle') | raw}}</div>
  75.                         {% endif %}
  76.                         <div class="preorder_plan_name {{plan.getIsHighlightTitle ? 'preorder_plan_name_best':''}}">{{plan.title|raw}}</div>
  77.                          {% if plan.property('isSpecialEmployeeRate') %}
  78.                         <div class="preorder_plan_spectial">Special Employee Rate</div>
  79.                         {% endif %}
  80.                         <div class="preorder_plan_cost">${{plan.price|number_format(2)}}<span>per month</span></div>
  81.                         {% if(plan.offer|default(null))%}
  82.                             <div class="preorder_plan_offer">{{plan.offer|raw}}</div>
  83.                         {%endif%}
  84.                         <div class="preorder_plan_tip">
  85.                             <div class="preorder_plan_tip_title"> MEMBERSHIP DETAILS:</div>
  86.                             <div class="preorder_plan_tip_text">{{plan.description|raw}}</div>
  87.                         </div>
  88.                         <div class="preorder_plan_select">SELECT THIS PLAN</div>
  89.                     </a>
  90.                 {% endfor %}
  91.             </div>
  94.         
  96.         <div class="pricingtable_bottom"><a class="button button_radius button_transparent_white" href="#" data-toggle="modal" data-target="#guideStep" >LET’S GET STARTED!</a></div>
  97.     </div>
  98.     <div class="pricingtable_scrolldown">
  99.         <div class="wrapper_innerpage"><a class="scrolldown title16" href="#"><span>SCROLL DOWN</span><i></i></a></div>
  100.     </div>
  101. </section>
  102.     {% endif %}
  104. {% endif %}