From a0741624c2a4393cb5af1f2a3cb3c3ec89c50872 Mon Sep 17 00:00:00 2001 From: Eslam Magdy <32875906+eslamoo@users.noreply.github.com> Date: Tue, 4 Aug 2026 01:18:58 +0300 Subject: [PATCH 01/11] Add channel visibility hide classes --- .../styles/05-utilities/channel-visibility.scss | 11 +++++++++++ src/assets/styles/app.scss | 2 ++ 2 files changed, 13 insertions(+) create mode 100644 src/assets/styles/05-utilities/channel-visibility.scss diff --git a/src/assets/styles/05-utilities/channel-visibility.scss b/src/assets/styles/05-utilities/channel-visibility.scss new file mode 100644 index 000000000..47fd531ba --- /dev/null +++ b/src/assets/styles/05-utilities/channel-visibility.scss @@ -0,0 +1,11 @@ +@media (max-width: 767.98px) { + .s-hide-on-mobile { + display: none !important; + } +} + +@media (min-width: 768px) { + .s-hide-on-desktop { + display: none !important; + } +} diff --git a/src/assets/styles/app.scss b/src/assets/styles/app.scss index acee02744..942ced0d6 100644 --- a/src/assets/styles/app.scss +++ b/src/assets/styles/app.scss @@ -42,6 +42,7 @@ * Chat Bots............Specific styles for chats bots widget. * Swal.................Specific styles for Sweet Alert addon. * Safari Fixes.........Specific styles for Safari Browser. + * Channel Visibility...Hide components per channel (desktop / mobile web). * * EMBEDED ADDONS * Lite Youtube Embed...Specific styles for lite-youtube-embed addon. @@ -90,6 +91,7 @@ @import './05-utilities/swal'; @import './05-utilities/safari-fixes'; @import './05-utilities/font-customization'; +@import './05-utilities/channel-visibility'; @import 'lite-youtube-embed/src/lite-yt-embed.css'; @import 'mmenu-light/dist/mmenu-light.css'; From 543223ceb08e21e441fa66d7531c897103d87e59 Mon Sep 17 00:00:00 2001 From: Eslam Magdy <32875906+eslamoo@users.noreply.github.com> Date: Tue, 4 Aug 2026 01:18:59 +0300 Subject: [PATCH 02/11] Apply channel visibility classes to home block roots --- src/views/components/home/brands.twig | 2 +- src/views/components/home/custom-testimonials.twig | 2 +- src/views/components/home/enhanced-slider.twig | 2 +- src/views/components/home/enhanced-square-banners.twig | 2 +- src/views/components/home/featured-products-style1.twig | 2 +- src/views/components/home/featured-products-style2.twig | 2 +- src/views/components/home/featured-products-style3.twig | 2 +- src/views/components/home/fixed-banner.twig | 2 +- src/views/components/home/fixed-products.twig | 2 +- src/views/components/home/latest-products.twig | 2 +- src/views/components/home/main-links.twig | 2 +- src/views/components/home/parallax-background.twig | 2 +- src/views/components/home/photos-slider.twig | 2 +- src/views/components/home/products-slider.twig | 2 +- src/views/components/home/slider-products-with-header.twig | 2 +- src/views/components/home/square-photos.twig | 2 +- src/views/components/home/store-features.twig | 2 +- src/views/components/home/testimonials.twig | 2 +- src/views/components/home/youtube.twig | 2 +- 19 files changed, 19 insertions(+), 19 deletions(-) diff --git a/src/views/components/home/brands.twig b/src/views/components/home/brands.twig index df5640cb4..c51abdc4b 100644 --- a/src/views/components/home/brands.twig +++ b/src/views/components/home/brands.twig @@ -6,7 +6,7 @@ | position | int | Sorting number start from zero | #} {% set display_all_url = theme.settings.get('is_more_button_enabled') %} -
+
{% if component.title or component.show_all %} diff --git a/src/views/components/home/custom-testimonials.twig b/src/views/components/home/custom-testimonials.twig index 9dd765ddd..c8bdb458d 100644 --- a/src/views/components/home/custom-testimonials.twig +++ b/src/views/components/home/custom-testimonials.twig @@ -1,4 +1,4 @@ -
+

{{ trans('blocks.home.testimonials') }}

diff --git a/src/views/components/home/enhanced-slider.twig b/src/views/components/home/enhanced-slider.twig index e69633ca9..c477e970a 100644 --- a/src/views/components/home/enhanced-slider.twig +++ b/src/views/components/home/enhanced-slider.twig @@ -8,7 +8,7 @@ | component.slides | object[] | list of slides | | position | int | Sorting number start from zero | #} -
+
+
{% for index, banner in component.banners %}