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 {
background-color: #ffb800;
background-color: #111418;
color: #0e1317;
text-align: center;
padding: 15px;
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">
<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">
<!-- 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;">
<!-- Main Footer Middle Section -->
@ -205,9 +186,9 @@
</div>
<!-- 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>
</a>
</a> -->
</section>
</div>
</footer>

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

@ -699,6 +699,27 @@
</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>
</xpath>
</template>