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
Split 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>
#### 16.01.2025
#### 23.01.2025
#### Version 18.0.1.0.0
#### ADD
- 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;
}
}
/* 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"?>
<odoo>
<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="model">website.testimonial</field>
<field name="arch" type="xml">
<form>
<sheet>
<group>
<sheet>
<group>
<field name="user_id" options="{'no_create' : True}"/>
<field name="testimonial"/>
<group>
<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>
<field name="image" string="" class="oe_avatar" widget="image"/>
</group>
</group>
</sheet>
</sheet>
<chatter/>
</form>
</field>

2
theme_shopping/views/homepage_snippets.xml
View File

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

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

@ -12,7 +12,7 @@
<!-- Main testimonial template -->
<template id="shopping_testimonial" name="Testimonial">
<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">
<!-- Testimonial Header Section -->
<div class="col-md-4">

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

@ -9,38 +9,40 @@
</xpath>
</template>
<template id="shopping_our_team" name="Our Team">
<!-- <div class="oe_structure"/>-->
<!-- The above template presents a team section showcasing team members in a grid layout.
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 oe_structure oe_empty" id="wrap">
<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="oe_structure"/>
<div class="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>

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

@ -10,180 +10,179 @@
</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
</div>
<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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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>
@ -191,6 +190,7 @@
</div>
</div>
</div>
</section>
</div>
</section>
</template>
</odoo>
</odoo>
Write Preview
Loading…
Cancel
Save