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. 2
      theme_shopping/views/add_testimonial.xml
  4. 2
      theme_shopping/views/snippets/new_testimonial_snippet.xml
  5. 22
      theme_shopping/views/snippets/our_team.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;
}
}

2
theme_shopping/views/add_testimonial.xml
View File

@ -1,7 +1,7 @@
<?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">

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">

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

@ -9,41 +9,43 @@
</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">
<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"/>
<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"/>
<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"/>
<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"/>
<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>
</section>
</template>
</odoo>
Write Preview
Loading…
Cancel
Save