templates/Loyalty Program/loyalty-program-catalog.html.twig line 1

Open in your IDE?
  1. {% extends "layout/layout.html.twig" %}
  3. {% block title %}
  4.     GFS::Loyalty Program Catalog
  5. {% endblock %}
  7. {% block content %}
  9.     <!--Start Main Slider-->
  10.     <section class="main-slider-section product-main-slider">
  11.         <div class="container container-lg">
  12.             <div class="custom-slider singal-slider main-slider">
  13.                 <div class="slide">
  14.                     <div class="slide-media">
  15.                         <img src="/static/assets/images/catalog-banner.png" alt="catalog banner image"/>
  16.                     </div>
  17.                     <div class="silde-content-box">
  18.                         <div class="slide-content">
  19.                             <h1>
  20.                                 <span class="title-sm d-block">Easy as simple to</span>
  21.                                 <span class="title-lg">reward
  22.                                     <u>
  23.                                         yourself!</u>
  24.                                 </span>
  25.                             </h1>
  27.                             <a href="javascript:void(0)" class="btn btn-custom btn-overlay">Discover More</a>
  28.                         </div>
  29.                         <div class="product-brand">
  30.                             <img src="/static/assets/images/goody_logo.png" alt="goody logo image"/>
  31.                         </div>
  32.                     </div>
  33.                 </div>
  34.                 <div class="slide">
  35.                     <div class="slide-media">
  36.                         <img src="/static/assets/images/catalog-banner.png" alt="catalog banner"/>
  37.                     </div>
  38.                     <div class="silde-content-box">
  39.                         <div class="slide-content">
  40.                             <h4 class="title-sm">Uncompromising</h4>
  41.                             <h3 class="title-lg">quality &
  42.                                 <u>taste!</u>
  43.                             </h3>
  44.                             <a href="javascript:void(0)" class="btn btn-custom btn-overlay">Discover More</a>
  45.                         </div>
  46.                         <div class="product-brand">
  47.                             <img src="/static/assets/images/goody_logo.png" alt="goody logo"/>
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.                 <div class="slide">
  52.                     <div class="slide-media">
  53.                         <img src="/static/assets/images/catalog-banner.png" alt="catalog banner"/>
  54.                     </div>
  55.                     <div class="silde-content-box">
  56.                         <div class="slide-content">
  57.                             <h4 class="title-sm">Uncompromising</h4>
  58.                             <h3 class="title-lg">quality &
  59.                                 <u>taste!</u>
  60.                             </h3>
  61.                             <a href="javascript:void(0)" class="btn btn-custom btn-overlay">Discover More</a>
  62.                         </div>
  63.                         <div class="product-brand">
  64.                             <img src="/static/assets/images/goody_logo.png" alt="goody logo"/>
  65.                         </div>
  66.                     </div>
  67.                 </div>
  68.                 <div class="slide">
  69.                     <div class="slide-media">
  70.                         <img src="/static/assets/images/catalog-banner.png" alt="Catelog-Banner"/>
  71.                     </div>
  72.                     <div class="silde-content-box">
  73.                         <div class="slide-content">
  74.                             <h4 class="title-sm">Uncompromising</h4>
  75.                             <h3 class="title-lg">quality &
  76.                                 <u>taste!</u>
  77.                             </h3>
  78.                             <a href="javascript:void(0)" class="btn btn-custom btn-overlay">Discover More</a>
  79.                         </div>
  80.                         <div class="product-brand">
  81.                             <img src="/static/assets/images/goody_logo.png" alt="goody logo"/>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </section>
  88.     <!--End Main Slider-->
  90.     <!--Start Breadcrumbs-->
  91.     <div class="breadcrumb-holder">
  92.         <ol class="breadcrumb">
  93.             <li class="breadcrumb-item">
  94.                 <a href="/{{app.request.locale}}">Home</a>
  95.             </li>
  96.             <li class="breadcrumb-item">Loyalty Program</li>
  97.             <li class="breadcrumb-item active" aria-current="page">Catalogue</li>
  98.         </ol>
  99.     </div>
  100.     <!--End Breadcrumbs-->
  102.     <!--Start Product Box-->
  103.     <section class="product-result-container">
  104.         <div class="container container-sm">
  105.             <div class="row">
  106.                 <div class="col-12 col-md-12 col-xl-3 filter-box">
  107.                     <h4 class="title">Filters</h4>
  108.                     <div class="filder-options">
  109.                         <div class="input-holder">
  110.                             <input type="text" placeholder="" class="form-control"/>
  111.                         </div>
  112.                     </div>
  113.                     <div class="filter-accordion">
  114.                         <div class="card filter-card" id="filter1">
  115.                             <div class="card-header">
  116.                                 <button type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
  117.                                     Country
  118.                                 </button>
  119.                             </div>
  121.                             <div id="collapse1" class="collapse show" data-parent="#filter1">
  122.                                 <div class="card-body">
  123.                                     <ul class="list-unstyled check-list">
  124.                                         <li>
  125.                                             <input class="styled-checkbox" id="pasta" type="checkbox" value="Country Name 01"/>
  126.                                             <label for="pasta">Country Name 01</label>
  127.                                         </li>
  128.                                         <li>
  129.                                             <input class="styled-checkbox" id="condiments" type="checkbox" value="Country Name 02"/>
  130.                                             <label for="condiments">Country Name 02</label>
  131.                                         </li>
  132.                                         <li>
  133.                                             <input class="styled-checkbox" id="shortening" type="checkbox" value="Country Name 03"/>
  134.                                             <label for="shortening">Country Name 03</label>
  135.                                         </li>
  136.                                         <li>
  137.                                             <input class="styled-checkbox" id="soups" type="checkbox" value="Country Name 04"/>
  138.                                             <label for="soups">Country Name 04</label>
  139.                                         </li>
  140.                                         <li>
  141.                                             <input class="styled-checkbox" id="tuna" type="checkbox" value="Country Name 05"/>
  142.                                             <label for="tuna">Country Name 05</label>
  143.                                         </li>
  144.                                     </ul>
  145.                                     <div class="btn-holder clear-filter">
  146.                                         <a href="javascript:void(0)" class="btn btn-link">Clear Filter</a>
  147.                                     </div>
  148.                                 </div>
  149.                             </div>
  150.                         </div>
  151.                         <div class="card filter-card" id="filter2">
  152.                             <div class="card-header">
  153.                                 <button type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="true" aria-controls="collapse2">
  154.                                     Points
  155.                                 </button>
  156.                             </div>
  158.                             <div id="collapse2" class="collapse show" data-parent="#filter2">
  159.                                 <div class="card-body">
  160.                                     <ul class="list-unstyled check-list">
  161.                                         <li>
  162.                                             <input class="styled-checkbox" id="goody" type="checkbox" value="0 - 500 points"/>
  163.                                             <label for="goody">0 - 500 points</label>
  164.                                         </li>
  165.                                         <li>
  166.                                             <input class="styled-checkbox" id="treva" type="checkbox" value="500 - 2000 points"/>
  167.                                             <label for="treva">500 - 2000 points</label>
  168.                                         </li>
  169.                                         <li>
  170.                                             <input class="styled-checkbox" id="cofique" type="checkbox" value="500 - 5,000 points"/>
  171.                                             <label for="cofique">500 - 5,000 points</label>
  172.                                         </li>
  173.                                         <li>
  174.                                             <input class="styled-checkbox" id="velor" type="checkbox" value="500 - 10,000 points"/>
  175.                                             <label for="velor">500 - 10,000 points</label>
  176.                                         </li>
  177.                                         <li>
  178.                                             <input class="styled-checkbox" id="velor" type="checkbox" value="500 - 20,000 points"/>
  179.                                             <label for="velor">500 - 20,000 points</label>
  180.                                         </li>
  181.                                     </ul>
  182.                                     <div class="btn-holder clear-filter">
  183.                                         <a href="javascript:void(0)" class="btn btn-link">Clear Filter</a>
  184.                                     </div>
  185.                                 </div>
  186.                             </div>
  187.                         </div>
  188.                         <div class="card filter-card" id="filter3">
  189.                             <div class="card-header">
  190.                                 <button type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="true" aria-controls="collapse3">
  191.                                     Type
  192.                                 </button>
  193.                             </div>
  195.                             <div id="collapse3" class="collapse show" data-parent="#filter3">
  196.                                 <div class="card-body">
  197.                                     <ul class="list-unstyled check-list">
  198.                                         <li>
  199.                                             <input class="styled-checkbox" id="italian" type="checkbox" value="Category Name 01"/>
  200.                                             <label for="italian">Category Name 01</label>
  201.                                         </li>
  202.                                         <li>
  203.                                             <input class="styled-checkbox" id="asian" type="checkbox" value="Category Name 02"/>
  204.                                             <label for="asian">Category Name 02</label>
  205.                                         </li>
  206.                                         <li>
  207.                                             <input class="styled-checkbox" id="indian" type="checkbox" value="Category Name 03"/>
  208.                                             <label for="indian">Category Name 03</label>
  209.                                         </li>
  210.                                         <li>
  211.                                             <input class="styled-checkbox" id="american" type="checkbox" value="Category Name 04"/>
  212.                                             <label for="american">Category Name 04</label>
  213.                                         </li>
  214.                                         <li>
  215.                                             <input class="styled-checkbox" id="turkish" type="checkbox" value="Category Name 05"/>
  216.                                             <label for="turkish">Category Name 05</label>
  217.                                         </li>
  218.                                     </ul>
  219.                                     <div class="btn-holder clear-filter">
  220.                                         <a href="javascript:void(0)" class="btn btn-link">Clear Filter</a>
  221.                                     </div>
  222.                                 </div>
  223.                             </div>
  224.                         </div>
  225.                         <div class="apply-filter">
  226.                             <a href="javascript:void(0)" class="btn btn-custom btn-green">Apply Filter</a>
  227.                         </div>
  228.                     </div>
  229.                 </div>
  231.                 <div class="col-12 col-md-12 col-xl-9 product-results loyalty-catalog-products">
  232.                     <!--Start Product Small Banner-->
  233.                     <div class="social-holder-box social-small-box catalog-download">
  234.                         <div class="social-holder-img">
  235.                             <img src="/static/assets/images/product-banner.jpg" alt="product banner"/>
  236.                         </div>
  237.                         <div class="social-holder-info">
  238.                             <p>You have earned:</p>
  239.                             <p>18,000 Reward Points</p>
  240.                             <div class="btn-holder">
  241.                                 <a href="javascript:void(0)" class="btn btn-custom btn-green">Download Catalogue</a>
  242.                             </div>
  243.                         </div>
  244.                     </div>
  245.                     <!--End Product Small Banner-->
  246.                     <div class="product-box-holder catalog-holder">
  247.                         <div class="row">
  248.                             <div class="col-12 col-md-6 col-lg-4 product-result catalog-result">
  249.                                 <div class="product-box catalog-box">
  250.                                     <figure class="slide-img">
  251.                                         <img src="/static/assets/images/mobile-catalog.png" alt="mobile catalog"/>
  252.                                     </figure>
  253.                                     <div class="slide-info">
  254.                                         <h5 class="title">
  255.                                             Product Name Lorem ipsum dolor sit amet.
  256.                                         </h5>
  257.                                         <div class="reward-part">
  258.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  259.                                             <div class="price">
  260.                                                 15,000
  261.                                                 <br/>
  262.                                                 <span>Points</span>
  263.                                             </div>
  264.                                         </div>
  265.                                         <div class="btn-holder">
  266.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  267.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  268.                                         </div>
  269.                                     </div>
  270.                                 </div>
  271.                             </div>
  272.                             <div class="
  273.                                                                                                                                   col-12 col-md-6 col-lg-4
  274.                                                                                                                                   product-result
  275.                                                                                                                                   catalog-result
  276.                                                                                                                                 ">
  277.                                 <div class="product-box catalog-box">
  278.                                     <figure class="slide-img">
  279.                                         <img src="/static/assets/images/spoon-catalog.png" alt="spoon catalog"/>
  280.                                     </figure>
  281.                                     <div class="slide-info">
  282.                                         <h5 class="title">
  283.                                             Product Name Lorem ipsum dolor sit amet.
  284.                                         </h5>
  285.                                         <div class="reward-part">
  286.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  287.                                             <div class="price">
  288.                                                 15,000
  289.                                                 <br/>
  290.                                                 <span>Points</span>
  291.                                             </div>
  292.                                         </div>
  293.                                         <div class="btn-holder">
  294.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  295.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  296.                                         </div>
  297.                                     </div>
  298.                                 </div>
  299.                             </div>
  300.                             <div class="
  301.                                                                                                                                   col-12 col-md-6 col-lg-4
  302.                                                                                                                                   product-result
  303.                                                                                                                                   catalog-result
  304.                                                                                                                                 ">
  305.                                 <div class="product-box catalog-box">
  306.                                     <figure class="slide-img">
  307.                                         <img src="/static/assets/images/plates-catalog.png" alt="plates catalog"/>
  308.                                     </figure>
  309.                                     <div class="slide-info">
  310.                                         <h5 class="title">
  311.                                             Product Name Lorem ipsum dolor sit amet.
  312.                                         </h5>
  313.                                         <div class="reward-part">
  314.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  315.                                             <div class="price">
  316.                                                 15,000
  317.                                                 <br/>
  318.                                                 <span>Points</span>
  319.                                             </div>
  320.                                         </div>
  321.                                         <div class="btn-holder">
  322.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  323.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  324.                                         </div>
  325.                                     </div>
  326.                                 </div>
  327.                             </div>
  328.                             <div class="
  329.                                                                                                                                   col-12 col-md-6 col-lg-4
  330.                                                                                                                                   product-result
  331.                                                                                                                                   catalog-result
  332.                                                                                                                                 ">
  333.                                 <div class="product-box catalog-box">
  334.                                     <figure class="slide-img">
  335.                                         <img src="/static/assets/images/mobile-catalog.png" alt="mobile catalog"/>
  336.                                     </figure>
  337.                                     <div class="slide-info">
  338.                                         <h5 class="title">
  339.                                             Product Name Lorem ipsum dolor sit amet.
  340.                                         </h5>
  341.                                         <div class="reward-part">
  342.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  343.                                             <div class="price">
  344.                                                 15,000
  345.                                                 <br/>
  346.                                                 <span>Points</span>
  347.                                             </div>
  348.                                         </div>
  349.                                         <div class="btn-holder">
  350.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  351.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  352.                                         </div>
  353.                                     </div>
  354.                                 </div>
  355.                             </div>
  356.                             <div class="
  357.                                                                                                                                   col-12 col-md-6 col-lg-4
  358.                                                                                                                                   product-result
  359.                                                                                                                                   catalog-result
  360.                                                                                                                                 ">
  361.                                 <div class="product-box catalog-box">
  362.                                     <figure class="slide-img">
  363.                                         <img src="/static/assets/images/spoon-catalog.png" alt="spoon catalog"/>
  364.                                     </figure>
  365.                                     <div class="slide-info">
  366.                                         <h5 class="title">
  367.                                             Product Name Lorem ipsum dolor sit amet.
  368.                                         </h5>
  369.                                         <div class="reward-part">
  370.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  371.                                             <div class="price">
  372.                                                 15,000
  373.                                                 <br/>
  374.                                                 <span>Points</span>
  375.                                             </div>
  376.                                         </div>
  377.                                         <div class="btn-holder">
  378.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  379.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  380.                                         </div>
  381.                                     </div>
  382.                                 </div>
  383.                             </div>
  384.                             <div class="
  385.                                                                                                                                   col-12 col-md-6 col-lg-4
  386.                                                                                                                                   product-result
  387.                                                                                                                                   catalog-result
  388.                                                                                                                                 ">
  389.                                 <div class="product-box catalog-box">
  390.                                     <figure class="slide-img">
  391.                                         <img src="/static/assets/images/plates-catalog.png" alt="plates catalog"/>
  392.                                     </figure>
  393.                                     <div class="slide-info">
  394.                                         <h5 class="title">
  395.                                             Product Name Lorem ipsum dolor sit amet.
  396.                                         </h5>
  397.                                         <div class="reward-part">
  398.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  399.                                             <div class="price">
  400.                                                 15,000
  401.                                                 <br/>
  402.                                                 <span>Points</span>
  403.                                             </div>
  404.                                         </div>
  405.                                         <div class="btn-holder">
  406.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  407.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  408.                                         </div>
  409.                                     </div>
  410.                                 </div>
  411.                             </div>
  412.                             <div class="
  413.                                                                                                                                   col-12 col-md-6 col-lg-4
  414.                                                                                                                                   product-result
  415.                                                                                                                                   catalog-result
  416.                                                                                                                                 ">
  417.                                 <div class="product-box catalog-box">
  418.                                     <figure class="slide-img">
  419.                                         <img src="/static/assets/images/mobile-catalog.png" alt="mobile catalog"/>
  420.                                     </figure>
  421.                                     <div class="slide-info">
  422.                                         <h5 class="title">
  423.                                             Product Name Lorem ipsum dolor sit amet.
  424.                                         </h5>
  425.                                         <div class="reward-part">
  426.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  427.                                             <div class="price">
  428.                                                 15,000
  429.                                                 <br/>
  430.                                                 <span>Points</span>
  431.                                             </div>
  432.                                         </div>
  433.                                         <div class="btn-holder">
  434.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  435.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  436.                                         </div>
  437.                                     </div>
  438.                                 </div>
  439.                             </div>
  440.                             <div class="
  441.                                                                                                                                   col-12 col-md-6 col-lg-4
  442.                                                                                                                                   product-result
  443.                                                                                                                                   catalog-result
  444.                                                                                                                                 ">
  445.                                 <div class="product-box catalog-box">
  446.                                     <figure class="slide-img">
  447.                                         <img src="/static/assets/images/spoon-catalog.png" alt="spoon catalog"/>
  448.                                     </figure>
  449.                                     <div class="slide-info">
  450.                                         <h5 class="title">
  451.                                             Product Name Lorem ipsum dolor sit amet.
  452.                                         </h5>
  453.                                         <div class="reward-part">
  454.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  455.                                             <div class="price">
  456.                                                 15,000
  457.                                                 <br/>
  458.                                                 <span>Points</span>
  459.                                             </div>
  460.                                         </div>
  461.                                         <div class="btn-holder">
  462.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  463.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  464.                                         </div>
  465.                                     </div>
  466.                                 </div>
  467.                             </div>
  468.                             <div class="
  469.                                                                                                                                   col-12 col-md-6 col-lg-4
  470.                                                                                                                                   product-result
  471.                                                                                                                                   catalog-result
  472.                                                                                                                                 ">
  473.                                 <div class="product-box catalog-box">
  474.                                     <figure class="slide-img">
  475.                                         <img src="/static/assets/images/plates-catalog.png" alt="plates catalog"/>
  476.                                     </figure>
  477.                                     <div class="slide-info">
  478.                                         <h5 class="title">
  479.                                             Product Name Lorem ipsum dolor sit amet.
  480.                                         </h5>
  481.                                         <div class="reward-part">
  482.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  483.                                             <div class="price">
  484.                                                 15,000
  485.                                                 <br/>
  486.                                                 <span>Points</span>
  487.                                             </div>
  488.                                         </div>
  489.                                         <div class="btn-holder">
  490.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  491.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  492.                                         </div>
  493.                                     </div>
  494.                                 </div>
  495.                             </div>
  496.                             <div class="
  497.                                                                                                                                   col-12 col-md-6 col-lg-4
  498.                                                                                                                                   product-result
  499.                                                                                                                                   catalog-result
  500.                                                                                                                                 ">
  501.                                 <div class="product-box catalog-box">
  502.                                     <figure class="slide-img">
  503.                                         <img src="/static/assets/images/mobile-catalog.png" alt="mobile catalog"/>
  504.                                     </figure>
  505.                                     <div class="slide-info">
  506.                                         <h5 class="title">
  507.                                             Product Name Lorem ipsum dolor sit amet.
  508.                                         </h5>
  509.                                         <div class="reward-part">
  510.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  511.                                             <div class="price">
  512.                                                 15,000
  513.                                                 <br/>
  514.                                                 <span>Points</span>
  515.                                             </div>
  516.                                         </div>
  517.                                         <div class="btn-holder">
  518.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  519.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  520.                                         </div>
  521.                                     </div>
  522.                                 </div>
  523.                             </div>
  524.                             <div class="
  525.                                                                                                                                   col-12 col-md-6 col-lg-4
  526.                                                                                                                                   product-result
  527.                                                                                                                                   catalog-result
  528.                                                                                                                                 ">
  529.                                 <div class="product-box catalog-box">
  530.                                     <figure class="slide-img">
  531.                                         <img src="/static/assets/images/spoon-catalog.png" alt="spoon catalog"/>
  532.                                     </figure>
  533.                                     <div class="slide-info">
  534.                                         <h5 class="title">
  535.                                             Product Name Lorem ipsum dolor sit amet.
  536.                                         </h5>
  537.                                         <div class="reward-part">
  538.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  539.                                             <div class="price">
  540.                                                 15,000
  541.                                                 <br/>
  542.                                                 <span>Points</span>
  543.                                             </div>
  544.                                         </div>
  545.                                         <div class="btn-holder">
  546.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  547.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  548.                                         </div>
  549.                                     </div>
  550.                                 </div>
  551.                             </div>
  552.                             <div class="
  553.                                                                                                                                   col-12 col-md-6 col-lg-4
  554.                                                                                                                                   product-result
  555.                                                                                                                                   catalog-result
  556.                                                                                                                                 ">
  557.                                 <div class="product-box catalog-box">
  558.                                     <figure class="slide-img">
  559.                                         <img src="/static/assets/images/plates-catalog.png" alt="plates catalog"/>
  560.                                     </figure>
  561.                                     <div class="slide-info">
  562.                                         <h5 class="title">
  563.                                             Product Name Lorem ipsum dolor sit amet.
  564.                                         </h5>
  565.                                         <div class="reward-part">
  566.                                             <img src="/static/assets/images/reward-icon.svg" alt="reward icon"/>
  567.                                             <div class="price">
  568.                                                 15,000
  569.                                                 <br/>
  570.                                                 <span>Points</span>
  571.                                             </div>
  572.                                         </div>
  573.                                         <div class="btn-holder">
  574.                                             <a href="javascript:void(0)" class="btn btn-custom btn-primary">Add to Cart</a>
  575.                                             <a href="javascript:void(0)" class="btn btn-custom btn-p-outline">Add to Favorite</a>
  576.                                         </div>
  577.                                     </div>
  578.                                 </div>
  579.                             </div>
  580.                         </div>
  581.                     </div>
  582.                 </div>
  583.             </div>
  584.         </div>
  585.     </section>
  586.     <!--End Product Box-->
  588.     {% if (app.request.locale =='ar') %}
  589.         {% set topMenu ="/en/loyalty-program-catalog" %}
  590.     {% else %}
  591.         {% set topMenu ="/ar/loyalty-program-catalog" %}
  592.     {% endif %}
  593.     <script>
  594.         var _TopMenuLink = "{{ topMenu }}";
  595.     </script>
  596. {% endblock %}