thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
4
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Jan 17: [FIX] Bug Fixed 'theme_shopping'

pull/309/head
Cybrosys Technologies 10 months ago
parent
6f5da3f31f
commit
8dcbf5e4fe
12 changed files with 1013 additions and 403 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      theme_shopping/__manifest__.py
  2. 4
      theme_shopping/doc/RELEASE_NOTES.md
  3. 1
      theme_shopping/views/blog_templates.xml
  4. 565
      theme_shopping/views/homepage.xml
  5. 1
      theme_shopping/views/snippets/frequently_asked.xml
  6. 70
      theme_shopping/views/snippets/offers.xml
  7. 54
      theme_shopping/views/snippets/our_team.xml
  8. 294
      theme_shopping/views/snippets/price_collection.xml
  9. 42
      theme_shopping/views/snippets/subscription.xml
  10. 133
      theme_shopping/views/snippets/testimonial_snippet.xml
  11. 137
      theme_shopping/views/snippets/top_deal_carousal_templates.xml
  12. 112
      theme_shopping/views/snippets/winter_collections.xml

3
theme_shopping/__manifest__.py
View File

@ -21,7 +21,7 @@
###############################################################################
{
'name': 'Theme Shopping',
'version': '17.0.1.0.0',
'version': '17.0.1.0.1',
'category': 'Theme/eCommerce',
'summary': "Theme Shopping is an attractive and modern eCommerce Website "
"theme",
@ -37,6 +37,7 @@
'website_sale_comparison', 'website_mass_mailing'],
'data': [
'views/header_templates.xml',
'views/homepage.xml',
'views/footer_templates.xml',
'views/about_us_views.xml',
'views/blog_templates.xml',

4
theme_shopping/doc/RELEASE_NOTES.md
View File

@ -1,6 +1,6 @@
## Module <theme_shopping>
#### 25.10.2024
#### Version 17.0.1.0.0
#### 15.01.2025
#### Version 17.0.1.0.1
#### ADD
- Initial commit for Theme Shopping

1
theme_shopping/views/blog_templates.xml
View File

@ -9,6 +9,7 @@
<xpath expr="//div[@id='o_wblog_blog_top']"
position="replace">
<section class="st-hero_section-banner">
<div class="oe_structure"/>
<div class="container st-hero_section-content">
<h3 class="st-hero_section-banner--head">Blog</h3>
</div>

565
theme_shopping/views/homepage.xml
View File

@ -0,0 +1,565 @@
<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<template id="homepage_snippet_insertion" inherit_id="website.homepage">
<xpath expr="//div[@id='wrap']" position="replace">
<div id="wrap" class="oe_structure oe_empty o_editable">
<section class="container offer_snippet" style="margin-bottom: 35px;">
<div class="oe_structure"/>
<div class="wrapper">
<div class="container">
<div class="owl-carousel owl-carosel-hero"
id="offer_product_carousel">
<div class="st-hero_section item">
<h3 class="st-hero__headline">Explore Our New Fashion Sale
</h3>
<a href="/shop">
<button class="btn st-btn__sm">Shop Now</button>
</a>
<div class="st-hero__img ">
<img src="/theme_shopping/static/src/images/hero-img.jpg"
alt="" class="st-auto-image"/>
</div>
</div>
<div class="st-hero_section item">
<h3 class="st-hero__headline">Explore Our New Fashion Sale
</h3>
<a href="/shop">
<button class="btn st-btn__sm">Shop Now</button>
</a>
<div class="st-hero__img">
<img src="/theme_shopping/static/src/images/hero-img.jpg"
alt="" class="st-auto-image"/>
</div>
</div>
<div class="st-hero_section item">
<h3 class="st-hero__headline">Explore Our New Fashion Sale
</h3>
<a href="/shop">
<button class="btn st-btn__sm">Shop Now</button>
</a>
<div class="st-hero__img">
<img src="/theme_shopping/static/src/images/hero-img.jpg"
alt="" class="st-auto-image"/>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container py-md-5 testimonial-section">
<div class="oe_structure"/>
<div class="wrapper">
<div class="container">
<div class="st-wrapper">
<div class="row">
<div class="col-md-4">
<span class="st-sm_highlight st-sm__testimonial--head">Testimonial</span>
<h3 class="st-abt__main--heading">What people say
About Our Company
</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
<div class="col-md-8">
<div class="d-flex owl-carousel owl-carousel-about" id="testimonial_carousel">
<div class="item st-testimonial__card ">
<p class="st-testimonial__content">Lorem Ipsum is simply dummy text of
the printing
and
typesetting industry. Lorem Ipsum
has
been the industry's standard dummy text ever since the 1500s.
</p>
<div class="st-testimonial__person--detail">
<div class="st-testimonial__person-img">
<img src="/theme_shopping/static/src/images/testimonial-img.png"
alt=""
class="st-auto-image"/>
</div>
<div>
<p class="st-testimonial_name">Tony Olson</p>
<div>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
</div>
</div>
</div>
</div>
<div class="item st-testimonial__card ">
<p class="st-testimonial__content">Lorem Ipsum is simply dummy text of
the printing
and
typesetting industry. Lorem
Ipsum
has
been the industry's standard dummy text ever since the 1500s.
</p>
<div class="st-testimonial__person--detail">
<div class="st-testimonial__person-img">
<img src="/theme_shopping/static/src/images/testimonial-pic.png"
alt=""
class="st-auto-image"/>
</div>
<div>
<p class="st-testimonial_name">Tony Olson</p>
<div>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="st-secondary_wrapper">
<div class="oe_structure"/>
<div class="wrapper">
<div class="container">
<div class="container py-5">
<h3 class="st-abt__main--heading">Introducing our team members</h3>
<div class="row my-md-5">
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member1.png" alt="team"
class="st-auto-image img-fluid"/>
</div>
<span class="st-aboutus_light--text d-block ">Project Manager</span>
</div>
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member2.png" alt="team"
class="st-auto-image img-fluid"/>
</div>
<span class="st-aboutus_light--text d-block ">Marketing Manager</span>
</div>
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member3.png" alt="team"
class="st-auto-image img-fluid"/>
</div>
<span class="st-aboutus_light--text d-block ">Developer</span>
</div>
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member4.png" alt="team"
class="st-auto-image img-fluid"/>
</div>
<span class="st-aboutus_light--text d-block ">Designer</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="st-secondary_wrapper">
<div class="oe_structure"/>
<div class="wrapper">
<div class="container">
<div class="row py-4">
<div class="col-12 col-md-4 my-md-5">
<h3 class="st-abt__main--heading">Frequently Asked
Questions
</h3>
</div>
<div class="col-12 col-md-8 my-md-5">
<div class="accordion" id="accordionExample">
<div class="accordion-item st-accordion__item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button st_accordion-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseOne"
aria-expanded="true"
aria-controls="collapseOne">
How to return my product ?
</button>
</h2>
<div id="collapseOne"
class="accordion-collapse collapse show"
aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body st-accordion__body">
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem
Ipsum has been the industry's standard
dummy text ever since the 1500s.Lorem
Ipsum is simply dummy text of the
printing and typesetting industry. Lorem
Ipsum
has been the industry's standard dummy
text ever since the 1500s.
</div>
</div>
</div>
<div class="accordion-item st-accordion__item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed st_accordion-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseTwo"
aria-expanded="false"
aria-controls="collapseTwo">
How to return my product ?
</button>
</h2>
<div id="collapseTwo"
class="accordion-collapse collapse"
aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body st-accordion__body">
<strong>This is the second item's
accordion body.
</strong>
It is hidden by
default, until the collapse plugin adds
the appropriate classes that we use to
style each element. These classes
control the overall appearance, as well
as the
showing and hiding via CSS transitions.
You can modify any of this with custom
CSS or overriding our default variables.
It's also worth noting that just about
any HTML can go within the <code>
.accordion-body</code>, though the
transition
does limit overflow.
</div>
</div>
</div>
<div class="accordion-item st-accordion__item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed st_accordion-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseThree"
aria-expanded="false"
aria-controls="collapseThree">
How to return my product ?
</button>
</h2>
<div id="collapseThree"
class="accordion-collapse collapse"
aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="accordion-body st-accordion__body">
<strong>This is the third item's
accordion body.
</strong>
It is hidden by
default, until the collapse plugin adds
the appropriate classes that we use to
style each element. These classes
control the overall appearance, as well
as the
showing and hiding via CSS transitions.
You can modify any of this with custom
CSS or overriding our default variables.
It's also worth noting that just about
any HTML can go within the <code>
.accordion-body</code>, though the
transition
does limit overflow.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container py-md-5 price_collection">
<div class="oe_structure"/>
<div class="wrapper">
<div class="container">
<div class="st-wrapper">
<div class="row">
<div class="col-12 col-md-4 mt-4">
<div class="st-home_offer-container">
<div class="st-home_offer-container-head">
<span class="st-home_offer-headline">Upto
80%
</span>
<span>
<a href="/shop" class="st-home_more-offer--link">
See All
</a>
</span>
</div>
<div class="row">
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/fd41c182ff914d211fbbcdc1ee0f5cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Mobile
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Kids
Wear
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/71f69b8cc982b3cddda12c64ad7d45fe.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Air
Conditioner
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/08a99f081b7c7fc04c182881ad4d1cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Watches
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 mt-4">
<div class="st-home_offer-container">
<div class="st-home_offer-container-head">
<span class="st-home_offer-headline">Under
$200
</span>
<span>
<a href="/shop" class="st-home_more-offer--link">
See All
</a>
</span>
</div>
<div class="row">
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/fd41c182ff914d211fbbcdc1ee0f5cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Mobile
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Kids
Wear
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/71f69b8cc982b3cddda12c64ad7d45fe.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Air
Conditioner
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/08a99f081b7c7fc04c182881ad4d1cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Watches
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 mt-4">
<div class="st-home_offer-container">
<div class="st-home_offer-container-head">
<span class="st-home_offer-headline">Under
$500
</span>
<span>
<a href="/shop" class="st-home_more-offer--link">
See All
</a>
</span>
</div>
<div class="row">
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img src="/theme_shopping/static/src/images/lamp.png" alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Lamp
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Kids
Wear
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img src="/theme_shopping/static/src/images/bottle.png" alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Water Bottle
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img src="/theme_shopping/static/src/images/wallet.png" alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Wallet
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container py-md-5 subscription_template">
<div class="oe_structure"/>
<div class="wrapper">
<div class="container">
<div class="row">
<div class="st-newsletter__container">
<h3 class="st-newsletter__header">SUBSCRIBE TO OUR NEWSLETTER</h3>
<p class="st-newsletter_subline">Get the latest discount,offers, special promo code
and much
more by
subscribing to our newsletter
</p>
<div class="st-newsletter_input-box s_newsletter_subscribe_form" data-vxml="001"
data-list-id="0"
data-name="Newsletter Form">
<div class="input-group">
<input class="st-newsletter_input form-control"
type="email" name="email"
placeholder="Enter your email"/>
<div class="input-group-append">
<a role="button" href="#"
class="input-group-text btn st-newsletter_subscribe--btn js_subscribe_btn o_submit">
SUBSCRIBE
<i
class="fa fa-arrow-right" style="margin-left: 5px;"/>
</a>
<a role="button" href="#"
class="input-group-text btn js_subscribed_btn d-none o_submit"
disabled="disabled">Thanks
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container py-md-5 best_deal_products_carousel">
<div class="oe_structure"/>
<div class="wrapper">
<div class="container">
<div class="st-wrapper">
<div class="st-product-list__header">
<h3 class="st-section__head">Top Deals</h3>
<a href="/shop" class="st-link">View all</a>
</div>
</div>
</div>
</div>
</section>
<section class="container py-md-5 winter_products_carousel">
<div class="oe_structure"/>
<div class="wrapper">
<div class="container">
<div class="st-wrapper">
<div class="st-product-list__header">
<h3 class="st-section__head">Winter Collections</h3>
<a href="/shop" class="st-link">View all</a>
</div>
</div>
</div>
</div>
</section>
</div>
</xpath>
</template>
</odoo>

1
theme_shopping/views/snippets/frequently_asked.xml
View File

@ -14,6 +14,7 @@
utilizing container elements and CSS classes for proper alignment and styling.
It offers a visually appealing and organized representation of the team members. -->
<section class="st-secondary_wrapper">
<div class="oe_structure"/>
<div class="container ">
<div class="row py-4">
<div class="col-12 col-md-4 my-md-5">

70
theme_shopping/views/snippets/offers.xml
View File

@ -15,45 +15,47 @@
It includes member images, names, and roles. The template follows a responsive design,
utilizing container elements and CSS classes for proper alignment and styling.
It offers a visually appealing and organized representation of the team members. -->
<section class="container offer_snippet" style="margin-bottom: 35px;">
<div class="owl-carousel owl-carosel-hero"
id="offer_product_carousel">
<div class="st-hero_section item">
<h3 class="st-hero__headline">Explore Our New Fashion Sale
</h3>
<a t-attf-href="/shop">
<button class="btn st-btn__sm">Shop Now</button>
</a>
<div class="st-hero__img ">
<img src="/theme_shopping/static/src/images/hero-img.jpg"
alt="" class="st-auto-image"/>
<!-- <div id="wrap" class="oe_structure oe_empty o_editable">-->
<section class="container offer_snippet" style="margin-bottom: 35px;">
<div class="owl-carousel owl-carosel-hero"
id="offer_product_carousel">
<div class="st-hero_section item">
<h3 class="st-hero__headline">Explore Our New Fashion Sale
</h3>
<a href="/shop">
<button class="btn st-btn__sm">Shop Now</button>
</a>
<div class="st-hero__img ">
<img src="/theme_shopping/static/src/images/hero-img.jpg"
alt="" class="st-auto-image"/>
</div>
</div>
</div>
<div class="st-hero_section item">
<h3 class="st-hero__headline">Explore Our New Fashion Sale
</h3>
<a t-attf-href="/shop">
<button class="btn st-btn__sm">Shop Now</button>
</a>
<div class="st-hero_section item">
<h3 class="st-hero__headline">Explore Our New Fashion Sale
</h3>
<a href="/shop">
<button class="btn st-btn__sm">Shop Now</button>
</a>
<div class="st-hero__img">
<img src="/theme_shopping/static/src/images/hero-img.jpg"
alt="" class="st-auto-image"/>
<div class="st-hero__img">
<img src="/theme_shopping/static/src/images/hero-img.jpg"
alt="" class="st-auto-image"/>
</div>
</div>
</div>
<div class="st-hero_section item">
<h3 class="st-hero__headline">Explore Our New Fashion Sale
</h3>
<a t-attf-href="/shop">
<button class="btn st-btn__sm">Shop Now</button>
</a>
<div class="st-hero_section item">
<h3 class="st-hero__headline">Explore Our New Fashion Sale
</h3>
<a href="/shop">
<button class="btn st-btn__sm">Shop Now</button>
</a>
<div class="st-hero__img">
<img src="/theme_shopping/static/src/images/hero-img.jpg"
alt="" class="st-auto-image"/>
<div class="st-hero__img">
<img src="/theme_shopping/static/src/images/hero-img.jpg"
alt="" class="st-auto-image"/>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- </div>-->
</template>
</odoo>

54
theme_shopping/views/snippets/our_team.xml
View File

@ -13,36 +13,40 @@
It includes member images, names, and roles. The template follows a responsive design,
utilizing container elements and CSS classes for proper alignment and styling.
It offers a visually appealing and organized representation of the team members. -->
<section class="st-secondary_wrapper">
<div class="container py-5">
<h3 class="st-abt__main--heading">Introducing our team members</h3>
<div class="row my-md-5">
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member1.png" alt="team" class="st-auto-image img-fluid"/>
<section class="st-secondary_wrapper">
<div class="container py-5">
<h3 class="st-abt__main--heading">Introducing our team members</h3>
<div class="row my-md-5">
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member1.png" alt="team"
class="st-auto-image img-fluid"/>
</div>
<span class="st-aboutus_light--text d-block ">Project Manager</span>
</div>
<span class="st-aboutus_light--text d-block ">Project Manager</span>
</div>
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member2.png" alt="team" class="st-auto-image img-fluid"/>
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member2.png" alt="team"
class="st-auto-image img-fluid"/>
</div>
<span class="st-aboutus_light--text d-block ">Marketing Manager</span>
</div>
<span class="st-aboutus_light--text d-block ">Marketing Manager</span>
</div>
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member3.png" alt="team" class="st-auto-image img-fluid"/>
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member3.png" alt="team"
class="st-auto-image img-fluid"/>
</div>
<span class="st-aboutus_light--text d-block ">Developer</span>
</div>
<span class="st-aboutus_light--text d-block ">Developer</span>
</div>
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member4.png" alt="team" class="st-auto-image img-fluid"/>
<div class=" col-6 col-md-3">
<div class="st-aboutus_team-imgcontainer">
<img src="/theme_shopping/static/src/images/team-member4.png" alt="team"
class="st-auto-image img-fluid"/>
</div>
<span class="st-aboutus_light--text d-block ">Designer</span>
</div>
<span class="st-aboutus_light--text d-block ">Designer</span>
</div>
</div>
</div>
</section>
</section>
</template>
</odoo>

294
theme_shopping/views/snippets/price_collection.xml
View File

@ -9,180 +9,181 @@
t-thumbnail="/theme_shopping/static/src/images/snippet_icons/packages_block.jpg"/>
</xpath>
</template>
<template id="price_collection" name="Price Collection">
<section class="container py-md-5 price_collection">
<div class="st-wrapper">
<div class="row">
<div class="col-12 col-md-4 mt-4">
<div class="st-home_offer-container">
<div class="st-home_offer-container-head">
<span class="st-home_offer-headline">Upto
80%
</span>
<span>
<a href="/shop" class="st-home_more-offer--link">
See All
</a>
</span>
</div>
<div class="row">
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/fd41c182ff914d211fbbcdc1ee0f5cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Mobile
<template id="price_collection" name="Price Collection">
<section class="container py-md-5 price_collection">
<div class="st-wrapper">
<div class="row">
<div class="col-12 col-md-4 mt-4">
<div class="st-home_offer-container">
<div class="st-home_offer-container-head">
<span class="st-home_offer-headline">Upto
80%
</span>
<span>
<a href="/shop" class="st-home_more-offer--link">
See All
</a>
</span>
</div>
<div class="row">
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/fd41c182ff914d211fbbcdc1ee0f5cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Mobile
</div>
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Kids
Wear
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Kids
Wear
</div>
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/71f69b8cc982b3cddda12c64ad7d45fe.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Air
Conditioner
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/71f69b8cc982b3cddda12c64ad7d45fe.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Air
Conditioner
</div>
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/08a99f081b7c7fc04c182881ad4d1cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Watches
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/08a99f081b7c7fc04c182881ad4d1cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Watches
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 mt-4">
<div class="st-home_offer-container">
<div class="st-home_offer-container-head">
<span class="st-home_offer-headline">Under
$200
</span>
<span>
<a href="/shop" class="st-home_more-offer--link">
See All
</a>
</span>
</div>
<div class="row">
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/fd41c182ff914d211fbbcdc1ee0f5cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Mobile
</div>
<div class="col-12 col-md-4 mt-4">
<div class="st-home_offer-container">
<div class="st-home_offer-container-head">
<span class="st-home_offer-headline">Under
$200
</span>
<span>
<a href="/shop" class="st-home_more-offer--link">
See All
</a>
</span>
</div>
<div class="row">
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/fd41c182ff914d211fbbcdc1ee0f5cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Mobile
</div>
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Kids
Wear
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Kids
Wear
</div>
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/71f69b8cc982b3cddda12c64ad7d45fe.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Air
Conditioner
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/71f69b8cc982b3cddda12c64ad7d45fe.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Air
Conditioner
</div>
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/08a99f081b7c7fc04c182881ad4d1cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Watches
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/08a99f081b7c7fc04c182881ad4d1cb1.jpg"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Watches
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4 mt-4">
<div class="st-home_offer-container">
<div class="st-home_offer-container-head">
<span class="st-home_offer-headline">Under
$500
</span>
<span>
<a href="/shop" class="st-home_more-offer--link">
See All
</a>
</span>
</div>
<div class="row">
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img src="/theme_shopping/static/src/images/lamp.png" alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Lamp
<div class="col-12 col-md-4 mt-4">
<div class="st-home_offer-container">
<div class="st-home_offer-container-head">
<span class="st-home_offer-headline">Under
$500
</span>
<span>
<a href="/shop" class="st-home_more-offer--link">
See All
</a>
</span>
</div>
<div class="row">
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img src="/theme_shopping/static/src/images/lamp.png" alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Lamp
</div>
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Kids
Wear
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img
src="/theme_shopping/static/src/images/d1b5c24cef48507521eeba649bd1f0cf.png"
alt=""
class="st-auto-image"/>
<div class="st-home_category--name">Kids
Wear
</div>
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img src="/theme_shopping/static/src/images/bottle.png" alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Water Bottle
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img src="/theme_shopping/static/src/images/bottle.png" alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Water Bottle
</div>
</div>
</div>
</div>
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img src="/theme_shopping/static/src/images/wallet.png" alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Wallet
<div class="col-6 p-0">
<div class="st-home_offer--box">
<img src="/theme_shopping/static/src/images/wallet.png" alt=""
class="st-auto-image"/>
<div class="st-home_category--name">
Wallet
</div>
</div>
</div>
</div>
@ -190,7 +191,6 @@
</div>
</div>
</div>
</div>
</section>
</section>
</template>
</odoo>

42
theme_shopping/views/snippets/subscription.xml
View File

@ -9,34 +9,38 @@
t-thumbnail="/theme_shopping/static/src/images/snippet_icons/Sign-up-snippet.jpg"/>
</xpath>
</template>
<template id="subscription_template" name="Subscription">
<section class="container py-md-5 subscription_template">
<div class="row">
<div class="st-newsletter__container">
<h3 class="st-newsletter__header">SUBSCRIBE TO OUR NEWSLETTER</h3>
<p class="st-newsletter_subline">Get the latest discount,offers, special promo code and much more by
subscribing to our newsletter</p>
<div class="st-newsletter_input-box s_newsletter_subscribe_form" data-vxml="001" data-list-id="0"
<template id="subscription_template" name="Subscription">
<section class="container py-md-5 subscription_template">
<div class="row">
<div class="st-newsletter__container">
<h3 class="st-newsletter__header">SUBSCRIBE TO OUR NEWSLETTER</h3>
<p class="st-newsletter_subline">Get the latest discount,offers, special promo code and much
more by
subscribing to our newsletter
</p>
<div class="st-newsletter_input-box s_newsletter_subscribe_form" data-vxml="001"
data-list-id="0"
data-name="Newsletter Form">
<div class="input-group">
<input class="st-newsletter_input form-control"
type="email" name="email"
placeholder="Enter your email"/>
<div class="input-group-append">
<div class="input-group">
<input class="st-newsletter_input form-control"
type="email" name="email"
placeholder="Enter your email"/>
<div class="input-group-append">
<a role="button" href="#"
class="input-group-text btn st-newsletter_subscribe--btn js_subscribe_btn o_submit">
SUBSCRIBE<i
class="fa fa-arrow-right" style="margin-left: 5px;"/>
SUBSCRIBE
<i
class="fa fa-arrow-right" style="margin-left: 5px;"/>
</a>
<a role="button" href="#"
class="input-group-text btn js_subscribed_btn d-none o_submit"
disabled="disabled">Thanks
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
</section>
</template>
</odoo>

133
theme_shopping/views/snippets/testimonial_snippet.xml
View File

@ -9,58 +9,90 @@
</xpath>
</template>
<template id="shopping_testimonial" name="Testimonial">
<section class="container py-md-5 testimonial-section">
<div class="st-wrapper">
<div class="row">
<div class="col-md-4">
<span class="st-sm_highlight st-sm__testimonial--head">Testimonial</span>
<h3 class="st-abt__main--heading">What people say
About Our Company</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
</div>
<div class="col-md-8">
<div class="d-flex owl-carousel owl-carousel-about" id="testimonial_carousel">
<div class="item st-testimonial__card ">
<p class="st-testimonial__content">Lorem Ipsum is simply dummy text of the printing
and
typesetting industry. Lorem Ipsum
has
been the industry's standard dummy text ever since the 1500s.</p>
<div class="st-testimonial__person--detail">
<div class="st-testimonial__person-img">
<img src="/theme_shopping/static/src/images/testimonial-img.png" alt="" class="st-auto-image"/>
</div>
<div>
<p class="st-testimonial_name">Tony Olson</p>
<div><span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<section class="container py-md-5 testimonial-section">
<div class="st-wrapper">
<div class="row">
<div class="col-md-4">
<span class="st-sm_highlight st-sm__testimonial--head">Testimonial</span>
<h3 class="st-abt__main--heading">What people say
About Our Company
</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="col-md-8">
<div class="d-flex owl-carousel owl-carousel-about" id="testimonial_carousel">
<div class="item st-testimonial__card ">
<p class="st-testimonial__content">Lorem Ipsum is simply dummy text of the printing
and
typesetting industry. Lorem Ipsum
has
been the industry's standard dummy text ever since the 1500s.
</p>
<div class="st-testimonial__person--detail">
<div class="st-testimonial__person-img">
<img src="/theme_shopping/static/src/images/testimonial-img.png" alt=""
class="st-auto-image"/>
</div>
<div>
<p class="st-testimonial_name">Tony Olson</p>
<div>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="item st-testimonial__card ">
<p class="st-testimonial__content">Lorem Ipsum is simply dummy text of the printing
and
typesetting industry. Lorem
Ipsum
has
been the industry's standard dummy text ever since the 1500s.</p>
<div class="st-testimonial__person--detail">
<div class="st-testimonial__person-img">
<img src="/theme_shopping/static/src/images/testimonial-pic.png" alt="" class="st-auto-image"/>
</div>
<div>
<p class="st-testimonial_name">Tony Olson</p>
<div><span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<span class="st-star__icon"><i class="ri-star-fill"/></span>
<div class="item st-testimonial__card ">
<p class="st-testimonial__content">Lorem Ipsum is simply dummy text of the printing
and
typesetting industry. Lorem
Ipsum
has
been the industry's standard dummy text ever since the 1500s.
</p>
<div class="st-testimonial__person--detail">
<div class="st-testimonial__person-img">
<img src="/theme_shopping/static/src/images/testimonial-pic.png" alt=""
class="st-auto-image"/>
</div>
<div>
<p class="st-testimonial_name">Tony Olson</p>
<div>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
<span class="st-star__icon">
<i class="ri-star-fill"/>
</span>
</div>
</div>
</div>
</div>
@ -68,7 +100,6 @@
</div>
</div>
</div>
</div>
</section>
</section>
</template>
</odoo>

137
theme_shopping/views/snippets/top_deal_carousal_templates.xml
View File

@ -10,82 +10,81 @@
</div>
</div>
</section>
</template>
<!-- Custom snippet template -->
<template id="best_deal_product_carousel_snippet">
<div class="container" t-ignore="True">
<section class="container py-md-5 best_deal_products_carousel">
<div class="st-wrapper">
<div class="st-product-list__header">
<h3 class="st-section__head">Top Deals</h3>
<a href="/shop" class="st-link">View all</a>
<div class="container" t-ignore="True">
<section class="container py-md-5 best_deal_products_carousel">
<div class="st-wrapper">
<div class="st-product-list__header">
<h3 class="st-section__head">Top Deals</h3>
<a href="/shop" class="st-link">View all</a>
</div>
</div>
</div>
</section>
<t t-if="products">
<div class="owl-carousel top_deal_product" id="product">
<t t-foreach="products" t-as="product"
t-key="product.id" t-att-data-product-items="len(products)">
<t t-set="product_href" t-value="product['website_url']" />
<t t-log="product"/>
<div class="item st-product_card">
<div class="st-product_card--img">
<a t-att-href="product_href">
<img class="st-auto-image"
t-attf-src="data:image/jpeg;base64,{{product['image_1920']}}"/>
<div class="st-product_overlay"
style="padding: 10px 10px;">
<div class="st-product_overlay-content"
style="width: 100%;">
<a class="st-cart_btn--sm btn-add-to-cart text-center "
href="#"
t-att-data-product-id="product['id']"
t-att-data-from-snippet="true"
role="button">
<i class="ri-shopping-cart-2-fill"/>
Add to cart
</a>
<button type="button"
class="btn o_add_wishlist st-product-like_btn"
t-att-data-product-id="product['id']"
role="button">
<i class="fa fa-heart"/>
</button>
</section>
<t t-if="products">
<div class="owl-carousel top_deal_product" id="product">
<t t-foreach="products" t-as="product"
t-key="product.id" t-att-data-product-items="len(products)">
<t t-set="product_href" t-value="product['website_url']"/>
<t t-log="product"/>
<div class="item st-product_card">
<div class="st-product_card--img">
<a href="product_href">
<img class="st-auto-image"
t-attf-src="data:image/jpeg;base64,{{product['image_1920']}}"/>
<div class="st-product_overlay"
style="padding: 10px 10px;">
<div class="st-product_overlay-content"
style="width: 100%;">
<a class="st-cart_btn--sm btn-add-to-cart text-center "
href="#"
t-att-data-product-id="product['id']"
t-att-data-from-snippet="true"
role="button">
<i class="ri-shopping-cart-2-fill"/>
Add to cart
</a>
<button type="button"
class="btn o_add_wishlist st-product-like_btn"
t-att-data-product-id="product['id']"
role="button">
<i class="fa fa-heart"/>
</button>
</div>
</div>
</div>
</a>
</div>
<div class="st-product_card--detail">
<a t-att-href="product_href">
<div class="st-product_card-pricing">
<t t-if="product['offer_price'] and product['offer_price'] &lt; product['actual_price']">
<span class="st-product_offer-price"
t-esc="product['offer_price']"/>
<span class="st-product_price"
t-esc="product['actual_price']"/>
</t>
<t t-else="">
<span class="st-product_orginal_price"
t-esc="product['actual_price']"/>
</t>
</a>
</div>
<div class="st-product_card--detail">
<a href="product_href">
<div class="st-product_card-pricing">
<t t-if="product['offer_price'] and product['offer_price'] &lt; product['actual_price']">
<span class="st-product_offer-price"
t-esc="product['offer_price']"/>
<span class="st-product_price"
t-esc="product['actual_price']"/>
</t>
<t t-else="">
<span class="st-product_orginal_price"
t-esc="product['actual_price']"/>
</t>
</div>
<span class="st-product_name"
t-esc="product['name']"/>
</a>
</div>
<span class="st-product_name"
t-esc="product['name']"/>
</a>
</div>
</div>
</t>
</div>
</t>
<div class="slider-counter"></div>
<t t-if="not products">
<div style="text-align: center;">
<b>Please Enable Top Deal Products and add the Offer price in the product variant form.
</b>
</div>
</t>
</div>
</t>
</div>
</t>
<div class="slider-counter"/>
<t t-if="not products">
<div style="text-align: center;">
<b>Please Enable Top Deal Products and add the Offer price in the product variant form.
</b>
</div>
</t>
</div>
</template>
</data>
</odoo>

112
theme_shopping/views/snippets/winter_collections.xml
View File

@ -13,68 +13,70 @@
</template>
<!-- Custom dynamic snippet template -->
<template id="winter_product_carousel_snippet">
<div class="container" t-ignore="True">
<section class="container py-md-5 winter_products_carousel">
<div class="st-wrapper">
<div class="st-product-list__header">
<h3 class="st-section__head">Winter Collections</h3>
<a href="/shop" class="st-link">View all</a>
<div class="container" t-ignore="True">
<section class="container py-md-5 winter_products_carousel">
<div class="st-wrapper">
<div class="st-product-list__header">
<h3 class="st-section__head">Winter Collections</h3>
<a href="/shop" class="st-link">View all</a>
</div>
</div>
</div>
</section>
<t t-if="products">
<div class="owl-carousel top_deal_product" id="product">
<t t-foreach="products" t-as="product"
t-key="product.id">
<t t-set="product_href" t-value="product['website_url']" />
<div class="item st-product_card">
</section>
<t t-if="products">
<div class="owl-carousel top_deal_product" id="product">
<t t-foreach="products" t-as="product"
t-key="product.id">
<t t-set="product_href" t-value="product['website_url']"/>
<div class="item st-product_card">
<div class="st-product_card--img">
<a t-att-href="product_href">
<img class="st-auto-image"
t-attf-src="data:image/jpeg;base64,{{product['image_1920']}}"/>
<div class="st-product_overlay"
style="padding: 10px 10px;">
<div class="st-product_overlay-content"
style="width: 100%;">
<a
class="st-cart_btn--sm btn-add-to-cart text-center "
href="#"
t-att-data-product-id="product['id']"
role="button">
<i class="ri-shopping-cart-2-fill"/>
Add to cart
</a>
<button type="button"
class="btn o_add_wishlist st-product-like_btn"
t-att-data-product-id="product['id']"
role="button">
<i class="fa fa-heart"/>
</button>
<a href="product_href">
<img class="st-auto-image"
t-attf-src="data:image/jpeg;base64,{{product['image_1920']}}"/>
<div class="st-product_overlay"
style="padding: 10px 10px;">
<div class="st-product_overlay-content"
style="width: 100%;">
<a
class="st-cart_btn--sm btn-add-to-cart text-center "
href="#"
t-att-data-product-id="product['id']"
role="button">
<i class="ri-shopping-cart-2-fill"/>
Add to cart
</a>
<button type="button"
class="btn o_add_wishlist st-product-like_btn"
t-att-data-product-id="product['id']"
role="button">
<i class="fa fa-heart"/>
</button>
</div>
</div>
</div>
</a>
</div>
<div class="st-product_card--detail">
<a t-att-href="product_href">
<div class="st-product_card-pricing">
<span class="st-product_offer-price"
t-esc="product['list_price']"/>
</div>
<span class="st-product_name"
t-esc="product['name']"/>
<a href="product_href">
<div class="st-product_card-pricing">
<span class="st-product_offer-price"
t-esc="product['list_price']"/>
</div>
<span class="st-product_name"
t-esc="product['name']"/>
</a>
</div>
</div>
</t>
</div>
</t>
<div class="slider-counter"></div>
<t t-if="not products">
<div style="text-align: center;">
<b>Please Add A Product Under the Winter collection Product Category.
</b>
</div>
</t>
</div>
</div>
</t>
</div>
</t>
<div class="slider-counter"></div>
<t t-if="not products">
<div style="text-align: center;">
<b>Please Add A Product Under the Winter collection Product Category.
</b>
</div>
</t>
</div>
<!-- </div>-->
</template>
</odoo>

Write Preview
Loading…
Cancel
Save