12 changed files with 1013 additions and 403 deletions
@ -1,6 +1,6 @@ |
|||||
## Module <theme_shopping> |
## Module <theme_shopping> |
||||
|
|
||||
#### 25.10.2024 |
#### 15.01.2025 |
||||
#### Version 17.0.1.0.0 |
#### Version 17.0.1.0.1 |
||||
#### ADD |
#### ADD |
||||
- Initial commit for Theme Shopping |
- Initial commit for Theme Shopping |
||||
|
@ -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> |
Loading…
Reference in new issue