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

Jan 04 [UPDT] : Updated 'theme_shopping'

pull/358/merge
AjmalCybro 3 months ago
parent
d523ed2e74
commit
89d7f3303c
7 changed files with 487 additions and 188 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      theme_shopping/doc/RELEASE_NOTES.md
  2. 297
      theme_shopping/static/src/css/main.css
  3. 20
      theme_shopping/views/add_testimonial.xml
  4. 2
      theme_shopping/views/homepage_snippets.xml
  5. 2
      theme_shopping/views/snippets/new_testimonial_snippet.xml
  6. 58
      theme_shopping/views/snippets/our_team.xml
  7. 294
      theme_shopping/views/snippets/price_collection.xml

2
theme_shopping/doc/RELEASE_NOTES.md
View File

@ -1,6 +1,6 @@
## Module <theme_shopping> ## Module <theme_shopping>
#### 16.01.2025 #### 23.01.2025
#### Version 18.0.1.0.0 #### Version 18.0.1.0.0
#### ADD #### ADD
- Initial commit for Theme Shopping - Initial commit for Theme Shopping

297
theme_shopping/static/src/css/main.css
View File

@ -161,3 +161,300 @@ margin-bottom: -16px;
gap: 1.5rem !important; gap: 1.5rem !important;
} }
} }
/* Testimonial Card Mobile Fixes */
.st-testimonial__card {
background-color: #fff;
border-radius: 2px;
box-shadow: 0px 0px 14px 0px rgba(128,0,0,0.08);
padding: 2rem;
margin: 0.8rem;
}
/* Testimonial Person Details Layout */
.st-testimonial__person--detail {
display: flex;
gap: 1rem;
align-items: center;
margin-bottom: 1rem;
}
/* Testimonial Image Container */
.st-testimonial__person-img {
min-width: 50px;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
/* Testimonial Image */
.st-testimonial__person-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Mobile Specific Adjustments */
@media (max-width: 767px) {
.st-testimonial__card {
padding: 1.5rem !important;
margin: 0.5rem;
}
.st-testimonial__person-img {
min-width: 60px;
width: 60px;
height: 60px;
}
.st-testimonial_name {
font-size: 1rem !important;
margin-bottom: 0.25rem;
}
.st-testimonial__content {
font-size: 0.9rem !important;
line-height: 1.5;
margin-top: 1rem;
}
/* Ensure carousel navigation is visible */
.owl-nav {
display: flex !important;
justify-content: space-between;
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
}
}
/* Additional Container Fixes */
@media (max-width: 575px) {
.st-testimonial-section .container {
padding-left: 10px;
padding-right: 10px;
}
/* Textarea Styling */
#testimonial {
width: 100%;
padding-left:50px;
resize: vertical;
min-height: 120px;
max-height: 300px;
padding: 12px;
line-height: 1.5;
font-size: 14px;
border-radius: 4px;
border: 1px solid #D9D9D9;
overflow-y: auto;
word-wrap: break-word;
white-space: pre-wrap;
}
/* Focus state */
#testimonial:focus {
border-color: #800000;
outline: none;
box-shadow: 0 0 0 2px rgba(128, 0, 0, 0.1);
}
}
/* Mobile Responsive Adjustments */
@media (max-width: 767px) {
.testimonial_form {
margin-left: 3px !important;
width: 100% !important;
padding: 0 15px;
}
#testimonial {
min-height: 100px;
}
}
/* Submit Button Styling */
#submit_testimonial {
margin-top: 15px;
padding: 8px 24px;
}
.st-testimonial__card {
background-color: #fff;
border-radius: 2px;
box-shadow: 0px 0px 14px 0px rgba(128,0,0,0.08);
padding: 2rem;
margin: 0.8rem;
max-width: 100%;
box-sizing: border-box;
}
/* Testimonial Person Details Layout */
.st-testimonial__person--detail {
display: flex;
gap: 1rem;
align-items: center;
margin-bottom: 1rem;
}
/* Testimonial Image Container */
.st-testimonial__person-img {
min-width: 50px;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
/* Textarea Styling */
#testimonial {
width: 100%;
resize: vertical;
min-height: 120px;
max-height: 300px;
padding: 12px;
line-height: 1.5;
font-size: 14px;
border-radius: 4px;
border: 1px solid #D9D9D9;
box-sizing: border-box;
}
/* Mobile Specific Adjustments */
@media (max-width: 767px) {
.st-testimonial__person-img {
min-width: 60px;
width: 60px;
height: 60px;
}
}
.st-wrapper {
position: relative;
max-width: 100%;
}
.testimonial-link {
color: black;
text-decoration: none;
cursor: pointer;
display: inline-block;
padding: 5px 10px;
}
/* Owl Carousel Fixes */
.owl-carousel-about {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.owl-carousel .owl-stage-outer {
overflow: hidden;
}
/* Testimonial Card Styles */
.st-testimonial__card {
background-color: #fff;
border-radius: 2px;
box-shadow: 0px 0px 14px 0px rgba(128,0,0,0.08);
padding: 2rem;
margin: 0.8rem;
max-width: 100%;
box-sizing: border-box;
}
/* Form Styles */
.testimonial_form {
padding: 15px;
max-width: 100%;
}
#testimonial {
width: 100%;
resize: vertical;
min-height: 120px;
max-height: 300px;
padding: 12px;
line-height: 1.5;
font-size: 14px;
border-radius: 4px;
border: 1px solid #D9D9D9;
box-sizing: border-box;
}
/* Mobile Responsive Fixes */
@media (max-width: 767px) {
.st-wrapper {
padding: 10px;
}
.st-testimonial__card {
padding: 1.5rem;
margin: 0.5rem;
}
.owl-carousel-about {
padding: 0;
}
.testimonial_form {
margin: 0 !important;
width: 100% !important;
padding: 10px;
}
/* Ensure carousel navigation stays within bounds */
.owl-nav {
display: flex !important;
justify-content: space-between;
position: absolute;
top: 50%;
width: calc(100% - 20px);
transform: translateY(-50%);
left: 10px;
pointer-events: none;
}
/* Prevent text overflow in cards */
.st-testimonial__content {
word-wrap: break-word;
overflow-wrap: break-word;
}
}
/* Fix for very small screens */
@media (max-width: 375px) {
.st-wrapper {
padding: 5px;
}
.st-testimonial__card {
padding: 1rem;
margin: 0.25rem;
}
}

20
theme_shopping/views/add_testimonial.xml
View File

@ -1,22 +1,22 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<odoo> <odoo>
<record id="add_testimonial_form" model="ir.ui.view"> <record id="add_testimonial_form" model="ir.ui.view">
<!--Testimonial adding form view--> <!--Testimonial adding form view-->
<field name="name">add.testimonial.view.form</field> <field name="name">add.testimonial.view.form</field>
<field name="model">website.testimonial</field> <field name="model">website.testimonial</field>
<field name="arch" type="xml"> <field name="arch" type="xml">
<form> <form>
<sheet> <sheet>
<group>
<group> <group>
<field name="user_id" options="{'no_create' : True}"/> <group>
<field name="testimonial"/> <field name="user_id" options="{'no_create' : True}"/>
<field name="testimonial"/>
</group>
<group>
<field name="image" string="" class="oe_avatar" widget="image"/>
</group>
</group> </group>
<group> </sheet>
<field name="image" string="" class="oe_avatar" widget="image"/>
</group>
</group>
</sheet>
<chatter/> <chatter/>
</form> </form>
</field> </field>

2
theme_shopping/views/homepage_snippets.xml
View File

@ -508,4 +508,4 @@
</div> </div>
</xpath> </xpath>
</template> </template>
</odoo> </odoo>

2
theme_shopping/views/snippets/new_testimonial_snippet.xml
View File

@ -12,7 +12,7 @@
<!-- Main testimonial template --> <!-- Main testimonial template -->
<template id="shopping_testimonial" name="Testimonial"> <template id="shopping_testimonial" name="Testimonial">
<section class="container oe_structure testimonial-section"> <section class="container oe_structure testimonial-section">
<div class="st-wrapper" style="background-color: #ccccb3; padding:10px; border-radius: 10px;"> <div class="st-wrapper" style="background-color: #ccccb3; padding:10px; border-radius: 10px; overflow: hidden;">
<div class="row p-3"> <div class="row p-3">
<!-- Testimonial Header Section --> <!-- Testimonial Header Section -->
<div class="col-md-4"> <div class="col-md-4">

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

@ -9,38 +9,40 @@
</xpath> </xpath>
</template> </template>
<template id="shopping_our_team" name="Our Team"> <template id="shopping_our_team" name="Our Team">
<!-- <div class="oe_structure"/>--> <section class="st-secondary_wrapper">
<!-- The above template presents a team section showcasing team members in a grid layout. <div class="oe_structure"/>
It includes member images, names, and roles. The template follows a responsive design, <div class="wrapper">
utilizing container elements and CSS classes for proper alignment and styling. <div class="container py-5">
It offers a visually appealing and organized representation of the team members. --> <h3 class="st-abt__main--heading">Introducing our team members</h3>
<section class="st-secondary_wrapper oe_structure oe_empty" id="wrap"> <div class="row my-md-5">
<div class="container py-5"> <div class=" col-6 col-md-3">
<h3 class="st-abt__main--heading">Introducing our team members</h3> <div class="st-aboutus_team-imgcontainer">
<div class="row my-md-5"> <img src="/theme_shopping/static/src/images/team-member1.png" alt="team"
<div class=" col-6 col-md-3"> class="st-auto-image img-fluid"/>
<div class="st-aboutus_team-imgcontainer"> </div>
<img src="/theme_shopping/static/src/images/team-member1.png" alt="team" class="st-auto-image img-fluid"/> <span class="st-aboutus_light--text d-block ">Project Manager</span>
</div> </div>
<span class="st-aboutus_light--text d-block ">Project Manager</span> <div class=" col-6 col-md-3">
</div> <div class="st-aboutus_team-imgcontainer">
<div class=" col-6 col-md-3"> <img src="/theme_shopping/static/src/images/team-member2.png" alt="team"
<div class="st-aboutus_team-imgcontainer"> class="st-auto-image img-fluid"/>
<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>
<span class="st-aboutus_light--text d-block ">Marketing Manager</span> <div class=" col-6 col-md-3">
</div> <div class="st-aboutus_team-imgcontainer">
<div class=" col-6 col-md-3"> <img src="/theme_shopping/static/src/images/team-member3.png" alt="team"
<div class="st-aboutus_team-imgcontainer"> class="st-auto-image img-fluid"/>
<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>
<span class="st-aboutus_light--text d-block ">Developer</span> <div class=" col-6 col-md-3">
</div> <div class="st-aboutus_team-imgcontainer">
<div class=" col-6 col-md-3"> <img src="/theme_shopping/static/src/images/team-member4.png" alt="team"
<div class="st-aboutus_team-imgcontainer"> class="st-auto-image img-fluid"/>
<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>
<span class="st-aboutus_light--text d-block ">Designer</span>
</div> </div>
</div> </div>
</div> </div>

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

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