templates/iorad/tutorial.analysis.dimension.html.twig line 1

Open in your IDE?
  1. <div style="max-width: 100%; width: 800px; margin: 0 auto;">
  2.     <div style="display: none;"><p style="display: none; text-align: center; margin-top: 10px;"><i
  3.                     style="font-style: italic; font-weight: bold; color: #CCCCCC; font-size: 18px;">19 STEPS</i></p>
  4.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 1. The first step is to
  5.             open<b style="font-weight:normal;color:#ff8400"> Menu Engineering</b> and click <b
  6.                     style="font-weight:normal;color:#ff8400">Start analysis</b></p>
  7.         <p style="text-align: center;"><img
  8.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=1&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  9.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 1 image"/></p>
  10.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 2. Click <b
  11.                     style="font-weight:normal;color:#ff8400">Super Category</b></p>
  12.         <p style="text-align: center;"><img
  13.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=2&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  14.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 2 image"/></p>
  15.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 3. Select <b
  16.                     style="font-weight:normal;color:#ff8400">FOOD</b></p>
  17.         <p style="text-align: center;"><img
  18.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=3&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  19.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 3 image"/></p>
  20.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 4. Click <b
  21.                     style="font-weight:normal;color:#ff8400">Category</b></p>
  22.         <p style="text-align: center;"><img
  23.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=4&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  24.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 4 image"/></p>
  25.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 5. Select <b
  26.                     style="font-weight:normal;color:#ff8400">Hauptgericht</b></p>
  27.         <p style="text-align: center;"><img
  28.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=5&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  29.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 5 image"/></p>
  30.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 6. Click <b
  31.                     style="font-weight:normal;color:#ff8400">Meal Period</b></p>
  32.         <p style="text-align: center;"><img
  33.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=6&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  34.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 6 image"/></p>
  35.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 7. Select <b
  36.                     style="font-weight:normal;color:#ff8400">Dinner (17:00 - 22:00)</b></p>
  37.         <p style="text-align: center;"><img
  38.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=7&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  39.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 7 image"/></p>
  40.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 8. Click <b
  41.                     style="font-weight:normal;color:#ff8400">GO</b></p>
  42.         <p style="text-align: center;"><img
  43.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=8&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  44.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 8 image"/></p>
  45.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 9. Here you get important
  46.             kpi's related to the defined dimension. </p>
  47.         <p style="text-align: center;"><img
  48.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=9&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  49.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 9 image"/></p>
  50.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 10. Here you get a first
  51.             overview of the TOP 20 sold items. The red ones are the ones with a contribution margin below needed. </p>
  52.         <p style="text-align: center;"><img
  53.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=10&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  54.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 10 image"/></p>
  55.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 11. The analysis provides
  56.             automated recommendations for you </p>
  57.         <p style="text-align: center;"><img
  58.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=11&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  59.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 11 image"/></p>
  60.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 12. Click <b
  61.                     style="font-weight:normal;color:#ff8400">Reduce cogs to get a detailed recommendation</b></p>
  62.         <p style="text-align: center;"><img
  63.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=12&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  64.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 12 image"/></p>
  65.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 13. Click <b
  66.                     style="font-weight:normal;color:#ff8400">Close</b></p>
  67.         <p style="text-align: center;"><img
  68.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=13&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  69.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 13 image"/></p>
  70.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 14. Click <b
  71.                     style="font-weight:normal;color:#ff8400">Raise price</b></p>
  72.         <p style="text-align: center;"><img
  73.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=14&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  74.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 14 image"/></p>
  75.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 15. Click <b
  76.                     style="font-weight:normal;color:#ff8400">Close</b></p>
  77.         <p style="text-align: center;"><img
  78.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=15&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  79.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 15 image"/></p>
  80.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 16. Click to get further
  81.             recommendations </p>
  82.         <p style="text-align: center;"><img
  83.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=16&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  84.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 16 image"/></p>
  85.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 17. Click <b
  86.                     style="font-weight:normal;color:#ff8400">Master to get the evaluation of all items of the
  87.                 dimension</b></p>
  88.         <p style="text-align: center;"><img
  89.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=17&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  90.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 17 image"/></p>
  91.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 18. Click <b
  92.                     style="font-weight:normal;color:#ff8400">Close</b></p>
  93.         <p style="text-align: center;"><img
  94.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=18&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  95.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 18 image"/></p>
  96.         <p style='font-size: 15px; line-height: 136%; margin-top: 59px; margin-bottom: 51px;'> 19. That's it. You're
  97.             done. </p>
  98.         <p style="text-align: center;"><img
  99.                     src="https://www.iorad.com/api/tutorial/stepScreenshot?tutorial_id=1680339&step_number=19&width=800&height=600&mobile_width=450&mobile_height=400&apply_resize=true&min_zoom=0.5"
  100.                     style="max-width: 100%;max-height: 100%;border: none;" alt="Step 19 image"/></p></div>
  101. </div>        <h3 style="display: none; font-size: 18px; margin-top: 89px; margin-bottom: 43px;"> Here's an interactive
  102.     tutorial </h3>    <p style="display: none;"><a
  103.             href="https://www.iorad.com/player/1680339/Menu-Engineering-Tool-06---Analysis-of-a-dimension">https://www.iorad.com/player/1680339/Menu-Engineering-Tool-06---Analysis-of-a-dimension</a>
  104. </p>
  105. <p style="border: 0; min-width: 100%; margin-bottom: 0; height: 501px;">
  106.     <iframe src="https://www.iorad.com/player/1680339/Menu-Engineering-Tool-06---Analysis-of-a-dimension?src=iframe&oembed=1"
  107.             width="100%" height="500px" style="width: 100%; height: 500px; "
  108.             referrerpolicy="strict-origin-when-cross-origin" frameborder="0"
  109.             webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen"
  110.             allowfullscreen="allowfullscreen"></iframe>
  111. </p>