MetatroncubeSoftwareSolutions/odoo-shivasakthi
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add pre-footer food slider and update footer styles for improved aesthetics

Browse Source
This commit is contained in:
Alaguraj0361 2026-06-09 15:40:51 +05:30
parent cdd6ce5b2f
commit 9336d7d7b9
3 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
addons/dine360_theme_shivasakthi/static/src/scss/theme.scss
View File

@ -1496,12 +1496,12 @@ footer#bottom {
} }
.footer-copyright-bar { .footer-copyright-bar {
background-color: #ffb800; background-color: #111418;
color: #0e1317; color: #0e1317;
text-align: center; text-align: center;
padding: 15px; padding: 15px;
font-weight: 700; font-weight: 700;
margin-top: 80px; // margin-top: 80px;
} }
} }

23
addons/dine360_theme_shivasakthi/views/layout.xml
View File

@ -124,25 +124,6 @@
<xpath expr="//footer[@id='bottom']" position="replace"> <xpath expr="//footer[@id='bottom']" position="replace">
<footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc"> <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc">
<div id="footer" class="oe_structure oe_structure_solo"> <div id="footer" class="oe_structure oe_structure_solo">
<!-- Pre-footer Food Slider -->
<section class="s_prefooter_food_slider overflow-hidden" style="background-color: #ffffff;">
<div class="food-slider-container">
<div class="food-slider-track">
<!-- Set 1 -->
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-1.png" alt="Dish 1"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-2.png" alt="Dish 2"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-3.png" alt="Dish 3"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-4.png" alt="Dish 4"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-5.png" alt="Dish 5"/></div>
<!-- Set 2 for infinite loop -->
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-1.png" alt="Dish 1"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-2.png" alt="Dish 2"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-3.png" alt="Dish 3"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-4.png" alt="Dish 4"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-5.png" alt="Dish 5"/></div>
</div>
</div>
</section>
<section class="s_footer_image_match" style="background-color: #111418; color: #ffffff; padding: 80px 0 0 0; position: relative;"> <section class="s_footer_image_match" style="background-color: #111418; color: #ffffff; padding: 80px 0 0 0; position: relative;">
<!-- Main Footer Middle Section --> <!-- Main Footer Middle Section -->
@ -205,9 +186,9 @@
</div> </div>
<!-- Scroll to Top Button --> <!-- Scroll to Top Button -->
<a href="#" class="scroll-to-top" style="position: absolute; right: 30px; bottom: 30px; background-color: #ffb800; color: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.3);"> <!-- <a href="#" class="scroll-to-top" style="position: absolute; right: 30px; bottom: 30px; background-color: #ffb800; color: #ffffff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; text-decoration: none; box-shadow: 0 4px 6px rgba(0,0,0,0.3);">
<i class="fa fa-arrow-up"></i> <i class="fa fa-arrow-up"></i>
</a> </a> -->
</section> </section>
</div> </div>
</footer> </footer>

21
addons/dine360_theme_shivasakthi/views/pages.xml
View File

@ -699,6 +699,27 @@
</section> </section>
<!-- Pre-footer Food Slider -->
<section class="s_prefooter_food_slider overflow-hidden" style="background-color: #ffffff;">
<div class="food-slider-container">
<div class="food-slider-track">
<!-- Set 1 -->
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-1.png" alt="Dish 1"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-2.png" alt="Dish 2"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-3.png" alt="Dish 3"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-4.png" alt="Dish 4"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-5.png" alt="Dish 5"/></div>
<!-- Set 2 for infinite loop -->
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-1.png" alt="Dish 1"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-2.png" alt="Dish 2"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-3.png" alt="Dish 3"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-4.png" alt="Dish 4"/></div>
<div class="food-slide"><img src="/dine360_theme_shivasakthi/static/src/img/slider-dish-5.png" alt="Dish 5"/></div>
</div>
</div>
</section>
</div> </div>
</xpath> </xpath>
</template> </template>