[UPDT] Index Updated 'theme_xtream'

theme_xtream/__manifest__.py

@@ -21,7 +21,7 @@
 #############################################################################
 {
     'name': 'Theme Xtream Fashion',
-    'description': """Design eCommerce Website with Theme Xtream Fashion""",
+    'description': 'Design eCommerce Website with Theme Xtream Fashion',
     'summary': 'Theme Xtream Fashion',
     'category': 'Theme/eCommerce',
     'version': '14.0.1.0.0',

theme_xtream/static/description/index.html

@@ -12,31 +12,23 @@
         </div>
         <div class="col-lg-12 text-center">
             <h1 class="mt-4">Theme Xtream</h1>
-      <p class="lead" style="max-width: 700px; margin: 0 auto;">
+            <p class="lead mb-4" style="max-width: 700px; margin: 0 auto;">
-        Theme Xtream is a attractive and unique front end theme mainly suitable for eCommerce website. Many custom
+                Theme Xtream is a attractive and unique front-end theme mainly suitable for eCommerce website. Many
-        designed snippets facilitates to add better user experience. Contains best deals with new arrival products
+                custom
-        slider, testimonial slider that are configured from the backend. This theme fully customized the eCommerce website, shop view, custom categories view, product view, contact us page...etc. it contains price filter and clear cart options by default.
+                designed snippets facilitates to add better user experience. Contains best deals with new arrival
+                products
+                slider, testimonial slider that are configured from the backend. This theme fully customized the
+                eCommerce
+                website, shop view, custom categories view, product view, contact us page...etc. it contains price
+                filter and
+                clear cart options by default.
             </p>
         </div>
     </div>
-  <div class="row">
+
-    <div class="col-lg-12 text-center p-4">
-      <a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style="
-            background-color: #b22126;
-            border-style: none;
-            border-radius: 4em;
-            font-weight: bold;
-          "><i class="fa fa-desktop mr-2"></i>Live Demo</a>
-      <a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style="
-            background-color: #576574;
-            border-style: none;
-            border-radius: 4em;
-            font-weight: bold;
-          "><i class="fa fa-download mr-2"></i>Download</a>
-    </div>
-  </div>
     <!-- End of Hero Section -->
-  <!-- Second Section -->
+
+    <!-- Alternate Section -->
     <div class="row p-4">
         <div class="col-lg-6 px-4" style="margin-top: 100px;">
             <h2>Desktop View</h2>
@@ -49,8 +41,6 @@
                 class="mb-4 shadow-sm" alt="Theme Screenshot">
         </div>
     </div>
-  <!-- End of Second Section -->
-  <!-- Third Section -->
     <div class="row p-4">
         <div class="col-lg-6 px-4">
             <img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto"
@@ -59,52 +49,136 @@
         <div class="col-lg-6 px-4" style="margin-top: 100px;">
             <h2>Mobile View</h2>
             <p class="lead">
-        User friendly and modern looking makes your page more Stylist And Beautiful.
+                User friendly and modern looking theme makes your page more Stylish And Beautiful.
             </p>
         </div>
     </div>
-  <!-- End of Third Section -->
+    <!-- End of Alternate Section -->
 
-  <!-- Feature Tiles -->
+
-  <div class="row mt-4">
+    <!-- Two Columns Section -->
-    <div class="col-lg-12 text-center">
+    <div class="row p-4">
-      <h2>Features</h2>
+        <!-- Column 1 -->
-      <hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px">
+        <div class="col-lg-6">
+            <div class="row">
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/1.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
+                </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">Shop View</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- End of Column 1 -->
+
+        <!-- Column 2 -->
+        <div class="col-lg-6">
+            <div class="row">
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/2.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
+                </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">Cart View</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- End of Column 2 -->
+    </div>
+    <!-- End of Two Columns Section -->
+
+
+    <!-- One Column Section -->
+    <div class="row p-4">
+        <div class="col-lg-6">
+            <img style="border-radius: 0.5em;" src="images/3.jpg" width="90%" height="auto" class="mb-4 shadow-sm"
+                alt="Theme Screenshot">
         </div>
+        <div class="col-lg-6" style="padding-top: 100px;">
+            <h2>Overview</h2>
+            <p class="lead">
+                It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages.
+            </p>
         </div>
-  <div class="row p-4" style="margin: 0 6%;">
-    <div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4"
-      style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
-      <i class="fa fa-tablet mb-2" style="font-size: 2em; margin: 0 40%;"></i>
-      <h5 class="text-center" style="margin: 0 5%;">Responsive</h5>
     </div>
+    <!-- End of Two Columns Section -->
 
-    <div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4"
+    <!-- Two Columns Section -->
-      style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
+    <div class="row p-4">
-      <i class="fa fa-magic mb-2" style="font-size: 2em; margin: 0 40%;"></i>
+        <!-- Column 1 -->
-      <h5 class="text-center" style="margin: 0 5%;">Modern</h5>
+        <div class="col-lg-4">
+            <div class="row">
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/4.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
                 </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">New Arrivals</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- End of Column 1 -->
 
-    <div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4"
+        <!-- Column 2 -->
-      style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
+        <div class="col-lg-4">
-      <i class="fa fa-shopping-cart mb-2" style="font-size: 2em; margin: 0 40%;"></i>
+            <div class="row">
-      <h5 class="text-center" style="margin: 0 5%;">E-com Ready</h5>
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/5.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
                 </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">Contact Map</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <!-- End of Column 2 -->
+
 
-    <div class="col-lg-3 bg-white mb-4 mr-4 shadow-sm p-4"
+        <!-- Column 4 -->
-      style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
+        <div class="col-lg-4">
-      <i class="fa fa-arrow-circle-o-right mb-2" style="font-size: 2em; margin: 0 40%;"></i>
+            <div class="row">
-      <h5 class="text-center" style="margin: 0 4%;">Built-in Slider</h5>
+                <div class="col-lg-12">
+                    <img style="border-radius: 0.5em;" src="images/6.jpg" width="100%" height="auto"
+                        class="mb-4 shadow-sm" alt="Theme Screenshot">
                 </div>
+                <div class="col-lg-12 mt-4">
+                    <h2 class="text-center">Checkout Address</h2>
+                    <p class="lead text-center">
+                        It is easy to customize and use. Just drag and drop the building blocks to make attractive
+                        webpages.
+                    </p>
                 </div>
-  <!-- End of Feature Tiles -->
+            </div>
+        </div>
+        <!-- End of Column 4 -->
+    </div>
+    <!-- End of Two Columns Section -->
+
 
     <!-- Footer -->
-  <div class="row mt-4">
+    <div class="row" style="margin-top: 4rem;">
         <div class="col-lg-12 text-center">
             <h2>Get Help</h2>
             <hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px">
-      <p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with us based on
+            <p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with us based
+                on
                 your use of this module, please let us know. We are ready to offer our support.</p>
         </div>
     </div>
@@ -113,13 +187,13 @@
             style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
             <div class="row">
                 <div class="col-lg-8">
-          <h6><a href="mailto:info@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i
+                    <h6><a href="mailto:info@cybrosys.com" target="_blank"
+                            style="color: #050505; text-decoration: none;"><i
                                 class="fa fa-envelope mr-2"></i>info@cybrosys.com</a></h6>
                 </div>
-        <div class="col-lg-4" style="position: relative;">
+                <div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
                     <h6><a href="mailto:info@cybrosys.com" target="_blank"
-              style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i
+                            style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a></h6>
-                class="fa fa-chevron-right"></i></a></h6>
                 </div>
             </div>
         </div>
@@ -129,13 +203,13 @@
             style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
             <div class="row">
                 <div class="col-lg-8">
-          <h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i
+                    <h6><a href="https://www.cybrosys.com" target="_blank"
+                            style="color: #050505; text-decoration: none;"><i
                                 class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6>
                 </div>
-        <div class="col-lg-4" style="position: relative;">
+                <div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
                     <h6><a href="https://www.cybrosys.com" target="_blank"
-              style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i
+                            style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a></h6>
-                class="fa fa-chevron-right"></i></a></h6>
                 </div>
             </div>
         </div>

theme_xtream/views/categories.xml

@@ -41,6 +41,7 @@
                     </div>
                 </div>
             </xpath>
+            <xpath expr="//button[@type='button']" position="replace"/>
         </template>
     </data>
 </odoo>

theme_xtream/views/snippets/new_arrivals.xml

@@ -25,6 +25,7 @@
                                     <div class="content">
                                         <div class="img_zoom">
                                             <div class="wrapper_product" id="zoomIn">
+<!--                                                <img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{product_id.id}" class="img img-fluid"/>-->
                                                 <span t-if="product_id" t-field="product_id.image_1920"
                                                       t-options="{'widget': 'image'}"/>
                                             </div>