io-sanita-theme 2.6.0 → 2.8.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## [2.8.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.7.0...2.8.0) (2025-03-19)
+
+### Features
+
+* added new listing variation attachments ([#73](https://github.com/RedTurtle/io-sanita-theme/issues/73)) ([2100d3c](https://github.com/RedTurtle/io-sanita-theme/commit/2100d3c65c2368d15fcae6c259c9effbf5600ffa))
+
+### Bug Fixes
+
+* a11y for menuItems ([c32015c](https://github.com/RedTurtle/io-sanita-theme/commit/c32015ce6df944f8228d57691411e194a852c230))
+* avoid sass deprecation warning on saturation ([ed6963b](https://github.com/RedTurtle/io-sanita-theme/commit/ed6963b80fa562b9f70695aa4db34c6a7f249d99))
+* subsites css variables ([005b669](https://github.com/RedTurtle/io-sanita-theme/commit/005b669273532f17880009a60d9051118830cd57))
+
+### Maintenance
+
+* preparing release 2.8.0 ([79c9414](https://github.com/RedTurtle/io-sanita-theme/commit/79c9414aea0403ae18a329ac7e3debaf0e657790))
+
+## [2.7.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.6.0...2.7.0) (2025-03-12)
+
+### Features
+
+* Subsites styles ([#72](https://github.com/RedTurtle/io-sanita-theme/issues/72)) ([813af14](https://github.com/RedTurtle/io-sanita-theme/commit/813af14ea6e8ea1a46b96ddf8c61c925147d6088))
+
+### Maintenance
+
+* locales ([f8e4092](https://github.com/RedTurtle/io-sanita-theme/commit/f8e4092efe0edef933fe3a8c785b994a5047670b))
+
 ## [2.6.0](https://github.com/RedTurtle/io-sanita-theme/compare/2.5.3...2.6.0) (2025-03-11)
 
 ### Features

package/RELEASE.md

@@ -41,7 +41,13 @@
 - ...
  -->
 
-## Versione x.x.x (x/x/x)
+## Versione 2.8.0 (19/03/2025)
+
+### Novità
+
+- Aggiunta variazione del blocco listing Allegati
+
+## Versione 2.6.0 (11/03/2025)
 
 ### Novità
 

package/locales/de/LC_MESSAGES/volto.po

@@ -1493,6 +1493,11 @@ msgstr ""
 msgid "documento_servizio_riferimento"
 msgstr ""
 
+#. Default: "Fatto"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "done_edit_social_links"
+msgstr ""
+
 #. Default: "Navigazione elementi slider"
 #: components/Blocks/Listing/Carousel/CarouselTemplate
 msgid "dots"
@@ -1513,6 +1518,11 @@ msgstr ""
 msgid "dropdownmenu-close-menu-button"
 msgstr ""
 
+#. Default: "Modifica i social"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "edit_social_links"
+msgstr ""
+
 #. Default: "Email"
 #: components/View/PuntoDiContatto/PuntoDiContattoContatti
 msgid "email"

package/locales/en/LC_MESSAGES/volto.po

@@ -1488,6 +1488,11 @@ msgstr "Responsabile"
 msgid "documento_servizio_riferimento"
 msgstr "Referral service"
 
+#. Default: "Fatto"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "done_edit_social_links"
+msgstr ""
+
 #. Default: "Navigazione elementi slider"
 #: components/Blocks/Listing/Carousel/CarouselTemplate
 msgid "dots"
@@ -1508,6 +1513,11 @@ msgstr "Open menu"
 msgid "dropdownmenu-close-menu-button"
 msgstr "Close menu"
 
+#. Default: "Modifica i social"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "edit_social_links"
+msgstr ""
+
 #. Default: "Email"
 #: components/View/PuntoDiContatto/PuntoDiContattoContatti
 msgid "email"

package/locales/es/LC_MESSAGES/volto.po

@@ -1495,6 +1495,11 @@ msgstr ""
 msgid "documento_servizio_riferimento"
 msgstr ""
 
+#. Default: "Fatto"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "done_edit_social_links"
+msgstr ""
+
 #. Default: "Navigazione elementi slider"
 #: components/Blocks/Listing/Carousel/CarouselTemplate
 msgid "dots"
@@ -1515,6 +1520,11 @@ msgstr ""
 msgid "dropdownmenu-close-menu-button"
 msgstr "Cerrar menú"
 
+#. Default: "Modifica i social"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "edit_social_links"
+msgstr ""
+
 #. Default: "Email"
 #: components/View/PuntoDiContatto/PuntoDiContattoContatti
 msgid "email"

package/locales/fr/LC_MESSAGES/volto.po

@@ -1495,6 +1495,11 @@ msgstr ""
 msgid "documento_servizio_riferimento"
 msgstr ""
 
+#. Default: "Fatto"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "done_edit_social_links"
+msgstr ""
+
 #. Default: "Navigazione elementi slider"
 #: components/Blocks/Listing/Carousel/CarouselTemplate
 msgid "dots"
@@ -1515,6 +1520,11 @@ msgstr ""
 msgid "dropdownmenu-close-menu-button"
 msgstr "Fermer le menu"
 
+#. Default: "Modifica i social"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "edit_social_links"
+msgstr ""
+
 #. Default: "Email"
 #: components/View/PuntoDiContatto/PuntoDiContattoContatti
 msgid "email"

package/locales/it/LC_MESSAGES/volto.po

@@ -1488,6 +1488,11 @@ msgstr ""
 msgid "documento_servizio_riferimento"
 msgstr ""
 
+#. Default: "Fatto"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "done_edit_social_links"
+msgstr ""
+
 #. Default: "Navigazione elementi slider"
 #: components/Blocks/Listing/Carousel/CarouselTemplate
 msgid "dots"
@@ -1508,6 +1513,11 @@ msgstr ""
 msgid "dropdownmenu-close-menu-button"
 msgstr "Chiudi il menu"
 
+#. Default: "Modifica i social"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "edit_social_links"
+msgstr ""
+
 #. Default: "Email"
 #: components/View/PuntoDiContatto/PuntoDiContattoContatti
 msgid "email"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-03-04T14:56:52.091Z\n"
+"POT-Creation-Date: 2025-03-12T11:53:17.365Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -1490,6 +1490,11 @@ msgstr ""
 msgid "documento_servizio_riferimento"
 msgstr ""
 
+#. Default: "Fatto"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "done_edit_social_links"
+msgstr ""
+
 #. Default: "Navigazione elementi slider"
 #: components/Blocks/Listing/Carousel/CarouselTemplate
 msgid "dots"
@@ -1510,6 +1515,11 @@ msgstr ""
 msgid "dropdownmenu-close-menu-button"
 msgstr ""
 
+#. Default: "Modifica i social"
+#: components/manage/Widgets/SubsiteSocialLinksWidget/SubsiteSocialLinksWidget
+msgid "edit_social_links"
+msgstr ""
+
 #. Default: "Email"
 #: components/View/PuntoDiContatto/PuntoDiContattoContatti
 msgid "email"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "io-sanita-theme",
-  "version": "2.6.0",
+  "version": "2.8.0",
   "description": "io-sanita-theme: Volto add-on",
   "main": "src/index.js",
   "license": "MIT",

package/src/components/Blocks/Accordion/accordion.scss

@@ -89,7 +89,7 @@ $accordion-icon-color: #7fb2e5;
               button {
                 display: flex;
                 align-items: center;
-                color: var(--bs-primary);
+                color: var(--bs-link-color);
                 font-size: 1.2rem;
                 font-weight: bold;
                 text-align: left;
@@ -108,7 +108,7 @@ $accordion-icon-color: #7fb2e5;
               align-items: center;
 
               .title {
-                color: var(--bs-primary);
+                color: var(--bs-link-color);
               }
 
               button {

package/src/components/Blocks/Alert/alert.scss

@@ -15,7 +15,7 @@
   h5,
   h6,
   a {
-    color: $alert-danger-text;
+    color: $alert-danger-text !important;
   }
 }
 
@@ -23,7 +23,7 @@
   &,
   .cms-ui &.ui.button,
   .cms-ui &.ui.button.active {
-    background-color: $alert-warning;
+    background-color: $alert-warning !important;
   }
   &,
   h1,
@@ -33,7 +33,7 @@
   h5,
   h6,
   a {
-    color: $alert-warning-text;
+    color: $alert-warning-text !important;
   }
 }
 
@@ -51,7 +51,7 @@
   h5,
   h6,
   a {
-    color: $alert-info-text;
+    color: $alert-info-text !important;
   }
 }
 

package/src/components/Blocks/Icons/icons.scss

@@ -64,12 +64,12 @@
     &.bg-primary-lightest:after {
       background-color: rgb(
         from var(--primary-lightest) r g b / 85%
-      ); //rgba( var(--bs-primary), 0.85  ); // serve per fare la trasparenza sull'immagine di sfondo.
+      ); // serve per fare la trasparenza sull'immagine di sfondo.
     }
     &.bg-primary-dark:after {
       background-color: rgb(
         from var(--primary-dark) r g b / 85%
-      ); //  background-color: rgba($secondary, 0.85);; // serve per fare la trasparenza sull'immagine di sfondo.
+      ); // serve per fare la trasparenza sull'immagine di sfondo.
     }
     &.transparent:after {
       background-color: none;

package/src/components/Blocks/Listing/AttachmentCard/AttachmentCardTemplate.jsx

@@ -0,0 +1,56 @@
+/* Variation Card Allegati of Listing block */
+import React from 'react';
+import PropTypes from 'prop-types';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
+import { Row, Col } from 'design-react-kit';
+import { ListingContainer } from 'io-sanita-theme/components/Blocks';
+import { LinkMore } from 'io-sanita-theme/components';
+import { CardFile } from 'io-sanita-theme/components';
+
+import AttachmentCardTemplateSkeleton from '../Skeletons/AttachmentCardTemplateSkeleton';
+
+const AttachmentCardTemplate = (props) => {
+  const {
+    items,
+    title,
+    isEditMode,
+    linkAlign,
+    linkTitle,
+    linkHref,
+    show_block_bg,
+    show_pdf_preview,
+    linkmore_id_lighthouse,
+  } = props;
+  return (
+    <div className="attachment-card-template">
+      <ListingContainer data={props} isEditMode={isEditMode}>
+        {items.length > 0 && (
+          <Row className="attachments">
+            {items.map((item, _i) => (
+              <Col lg={4} className="py-lg-2" key={item['@id']}>
+                <CardFile item={item} showPDFPreview={show_pdf_preview} />
+              </Col>
+            ))}
+          </Row>
+        )}
+        <LinkMore
+          title={linkTitle}
+          href={linkHref}
+          linkAlign={linkAlign}
+          className="my-4"
+          linkmoreIdLighthouse={linkmore_id_lighthouse}
+        />
+      </ListingContainer>
+    </div>
+  );
+};
+
+AttachmentCardTemplate.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+  linkTitle: PropTypes.any,
+  linkHref: PropTypes.any,
+  isEditMode: PropTypes.bool,
+  title: PropTypes.string,
+};
+
+export default AttachmentCardTemplate;

package/src/components/Blocks/Listing/Skeletons/AttachmentCardTemplateSkeleton.jsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Row, Col, Card, CardBody, CardTitle } from 'design-react-kit';
+import { ListingContainer } from 'io-sanita-theme/components/Blocks';
+
+const AttachmentCardTemplateSkeleton = (props) => {
+  const { isEditMode, title, linkHref, show_block_bg, show_pdf_preview } =
+    props;
+  return (
+    <div className="attachment-card-skeleton-template">
+      <ListingContainer data={props} isEditMode={isEditMode}>
+        <div className="skeleton-template">
+          {title && (
+            <Row>
+              <Col>
+                <h2 className="mb-4">{title}</h2>
+              </Col>
+            </Row>
+          )}
+
+          <Row>
+            {[0, 1, 2].map((i) => (
+            <Col lg={4}>
+              <Card
+                className="align-items-top rounded shadow no-after"
+                noWrapper
+                teaser
+                key={i}
+              >
+                <CardBody className="pb-5">
+                  <CardTitle tag="h3"> </CardTitle>
+                </CardBody>
+              </Card>
+            </Col>
+            ))}
+          </Row>
+        </div>
+      </ListingContainer>
+    </div>
+  );
+};
+
+AttachmentCardTemplateSkeleton.propTypes = {
+  linkHref: PropTypes.any,
+  isEditMode: PropTypes.bool,
+  title: PropTypes.string,
+};
+
+export default AttachmentCardTemplateSkeleton;

package/src/components/Blocks/SearchBandi/Body.jsx

@@ -10,7 +10,7 @@ import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 import { BandiTemplate } from 'io-sanita-theme/components/Blocks';
 import { Pagination } from 'io-sanita-theme/components';
 import { resetQuerystringResults } from 'io-sanita-theme/actions';
-import { scrollIntoView } from 'io-sanita-theme/helpers';
+import { scrollIntoView, useHomePath } from 'io-sanita-theme/helpers';
 
 const messages = defineMessages({
   find: {
@@ -30,6 +30,7 @@ const messages = defineMessages({
 const Body = ({ data, id, inEditMode, path, onChangeBlock, blocksConfig }) => {
   const intl = useIntl();
   const b_size = 6;
+  const homepath = useHomePath();
 
   moment.locale(intl.locale);
 
@@ -128,7 +129,8 @@ const Body = ({ data, id, inEditMode, path, onChangeBlock, blocksConfig }) => {
     return newState;
   };
 
-  const pathSearch = data?.location?.length > 0 ? data.location[0]['@id'] : '/';
+  const pathSearch =
+    data?.location?.length > 0 ? data.location[0]['@id'] : homepath;
   const FiltersConfigFN = blocksConfig['searchBandi'].filtersConfig;
   const filtersConfig = FiltersConfigFN
     ? FiltersConfigFN(null, pathSearch)

package/src/components/Blocks/index.js

@@ -94,6 +94,7 @@ export MapTemplate from 'io-sanita-theme/components/Blocks/Listing/Map/MapTempla
 export SimpleCardTemplate from 'io-sanita-theme/components/Blocks/Listing/SimpleCard/SimpleCardTemplate';
 export SimpleListTemplate from 'io-sanita-theme/components/Blocks/Listing/SimpleList/SimpleListTemplate';
 export SmallBlockLinksTemplate from 'io-sanita-theme/components/Blocks/Listing/SmallBlockLinks/SmallBlockLinksTemplate';
+export AttachmentCardTemplate from 'io-sanita-theme/components/Blocks/Listing/AttachmentCard/AttachmentCardTemplate';
 
 /*Skeleton*/
 export BandiTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/BandiTemplateSkeleton';
@@ -106,6 +107,7 @@ export InEvidenceTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listin
 export MapTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/MapTemplateSkeleton';
 export SimpleListTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/SimpleListTemplateSkeleton';
 export SmallBlockLinksTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/SmallBlockLinksTemplateSkeleton';
+export AttachmentCardTemplateSkeleton from 'io-sanita-theme/components/Blocks/Listing/Skeletons/AttachmentCardTemplateSkeleton';
 
 /*Rss block (as listing)*/
 export CardWithoutImageRssTemplate from 'io-sanita-theme/components/Blocks/Rss/CardWithoutImageRssTemplate';

package/src/components/BrandWrapper/BrandWrapper.jsx

@@ -4,7 +4,7 @@ import { useSelector } from 'react-redux';
 import { useIntl, defineMessages } from 'react-intl';
 import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
-import { getSiteProperty } from 'io-sanita-theme/helpers';
+import { getSiteProperty, useHomePath } from 'io-sanita-theme/helpers';
 import { Logo, BrandText } from 'io-sanita-theme/components';
 
 const messages = defineMessages({
@@ -20,7 +20,7 @@ const messages = defineMessages({
 
 const BrandWrapper = ({ mobile = false, setCollapseOpen }) => {
   const subsite = useSelector((state) => state.subsite?.data);
-
+  const homepath = useHomePath();
   const intl = useIntl();
 
   let wrapperAttrs = {};
@@ -34,7 +34,7 @@ const BrandWrapper = ({ mobile = false, setCollapseOpen }) => {
   return (
     <div className="it-brand-wrapper" {...wrapperAttrs}>
       <UniversalLink
-        href={subsite?.['@id'] ? flattenToAppURL(subsite['@id']) : '/'}
+        href={subsite?.['@id'] ? flattenToAppURL(subsite['@id']) : homepath}
         title={intl.formatMessage(messages.homepage)}
         {...linkAttrs}
       >

package/src/components/Breadcrumbs/Breadcrumbs.jsx

@@ -20,6 +20,7 @@ import UniversalLink from '@plone/volto/components/manage/UniversalLink/Universa
 import { Row, Col, BreadcrumbItem } from 'design-react-kit';
 import GoogleBreadcrumbs from 'io-sanita-theme/components/Breadcrumbs/GoogleBreadcrumbs';
 import config from '@plone/volto/registry';
+import { useHomePath } from 'io-sanita-theme/helpers';
 
 const messages = defineMessages({
   home: {
@@ -36,6 +37,7 @@ const Breadcrumbs = ({ pathname, match }) => {
   const intl = useIntl();
   const dispatch = useDispatch();
   const location = useLocation();
+  const homepath = useHomePath();
 
   let items =
     useSelector((state) => {
@@ -142,7 +144,7 @@ const Breadcrumbs = ({ pathname, match }) => {
           >
             <ol className="breadcrumb" data-element="breadcrumb">
               <BreadcrumbItem tag="li">
-                <UniversalLink href="/">
+                <UniversalLink href={homepath}>
                   {intl.formatMessage(messages.home)}
                 </UniversalLink>
                 <span className="separator">/</span>

package/src/components/Cards/CardFile/CardFile.jsx

@@ -56,6 +56,7 @@ export const CardFile = ({
   file = null,
   titleDataElement,
   showModified = false,
+  showPDFPreview = false,
 }) => {
   const intl = useIntl();
   let _item = null;
@@ -82,11 +83,14 @@ export const CardFile = ({
         if (item.file) {
           _item = item.file;
         }
-        if (item['@id'].indexOf('/@@download/') < 0) {
+        if (item['@id'].indexOf('/@@download/') < 0 && !showPDFPreview) {
           _item['@id'] = `${item['@id']}/@@download/file`;
         } else {
           _item['@id'] = item['@id'];
         }
+        if (showPDFPreview) {
+          _item['@id'] = `${item['@id']}/@@display-file/file`;
+        }
         break;
       case 'Image':
         if (item.image) {
@@ -135,12 +139,12 @@ export const CardFile = ({
       <CardBody>
         <div className={cx('card-file-content', _item['@type'])}>
           <CardTitle tag={titleTag} className="d-flex mb-0 align-items-center">
-            {!file ? (
+            {!file || showPDFPreview ? (
               <UniversalLink
                 item={!isEditMode ? _item : null}
                 href={isEditMode ? '#' : ''}
                 className="card-title-link flex-grow-1 pe-4"
-                target={_item['@type'] === 'Link' ? '_blank' : '_self'}
+                target={_item['@type'] === 'Link' || showPDFPreview ? '_blank' : '_self'}
                 rel={_item['@type'] === 'Link' ? 'noopener noreferrer' : ''}
                 data-element={titleDataElement}
               >

package/src/components/Search/Search.jsx

@@ -20,6 +20,7 @@ import {
 
 import Helmet from '@plone/volto/helpers/Helmet/Helmet';
 import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
+import { resetSubsite } from 'volto-subsites';
 import { getSearchFilters, getSearchResults } from 'io-sanita-theme/actions';
 import {
   SearchBar,

package/src/components/Widgets/SearchCheckbox/SearchCheckbox.jsx

@@ -148,7 +148,7 @@ const SearchCheckbox = ({
         {/* NUMBER OF CHECKBOX SELECTED */}
         {showActiveOptions && (
           <span
-            className={cx('badge bg-secondary ms-3', {
+            className={cx('badge bg-primary ms-3', {
               'visually-hidden': activeOptions === 0,
             })}
             aria-live="polite"

package/src/components/index.js

@@ -50,7 +50,7 @@ export FooterInfos from 'io-sanita-theme/components/layout/Footer/FooterInfos';
 export FooterNewsletterSubscribe from 'io-sanita-theme/components/layout/Footer/FooterInfos';
 export FooterSocials from 'io-sanita-theme/components/layout/Footer/FooterSocials';
 export FooterSmall from 'io-sanita-theme/components/layout/Footer/FooterSmall';
-export SubsiteFooter from 'io-sanita-theme/components/layout/Footer/SubsiteFooter';
+export SubsiteFooter from 'io-sanita-theme/components/layout/Footer/SubsiteFooter/SubsiteFooter';
 
 //Menu
 export CollapseNavigation from 'io-sanita-theme/components/layout/Navigation/CollapseNavigation';

package/src/components/layout/Footer/FooterInfos.jsx

@@ -19,7 +19,7 @@ import {
   FooterNewsletterSubscribe,
   FooterSocials,
 } from 'io-sanita-theme/components';
-import { richTextHasContent } from 'io-sanita-theme/helpers';
+import { richTextHasContent, useHomePath } from 'io-sanita-theme/helpers';
 
 import { fromHtml } from 'volto-slate-italia/config/Slate/utils';
 
@@ -35,6 +35,7 @@ const FooterInfos = () => {
   const N_COLUMNS = 3;
   const location = useLocation();
   const dispatch = useDispatch();
+  const homepath = useHomePath();
 
   const req = useSelector((state) => state.editableFooterColumns);
   const footerConfiguration = useSelector(
@@ -50,7 +51,7 @@ const FooterInfos = () => {
   //filter rootpaths
   let footerColumns = getItemsByPath(
     footerConfiguration,
-    location?.pathname?.length ? location.pathname : '/',
+    location?.pathname?.length ? location.pathname : homepath,
   ).filter((c) => c.visible);
 
   footerColumns.forEach((column) => {

package/src/components/layout/Footer/FooterMain.jsx

@@ -13,6 +13,7 @@ import {
   LogoFooter,
   BrandTextFooter,
 } from 'io-sanita-theme/components/';
+import { useHomePath } from 'io-sanita-theme/helpers';
 
 import { FooterTop } from 'volto-editablefooter';
 
@@ -24,6 +25,7 @@ import { FooterTop } from 'volto-editablefooter';
 const FooterMain = () => {
   const footerTopContent = FooterTop();
   const footerNavigation = FooterNavigation();
+  const homepath = useHomePath();
   return (
     <div className="it-footer-main">
       <Container tag="div">
@@ -32,7 +34,7 @@ const FooterMain = () => {
             <Col sm={12} tag="div" widths={['xs', 'sm', 'md', 'lg', 'xl']}>
               <div className="it-brand-wrapper">
                 {footerTopContent ?? (
-                  <UniversalLink href="/">
+                  <UniversalLink href={homepath}>
                     <LogoFooter />
                     <BrandTextFooter />
                   </UniversalLink>

package/src/components/layout/Footer/FooterSmall.jsx

@@ -15,7 +15,7 @@ import { displayBanner } from 'volto-gdpr-privacy';
 
 import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
-import { getSiteProperty } from 'io-sanita-theme/helpers';
+import { getSiteProperty, useHomePath } from 'io-sanita-theme/helpers';
 
 const messages = defineMessages({
   goToPage: {
@@ -37,7 +37,7 @@ const FooterSmall = () => {
   const intl = useIntl();
   const pathname = useLocation().pathname;
   const dispatch = useDispatch();
-
+  const homepath = useHomePath();
   const subFooter = useSelector((state) => state.subFooter?.result);
   const subFooterItems = getItemsByPath(subFooter, pathname)?.filter(
     (item) => item.visible,
@@ -56,7 +56,9 @@ const FooterSmall = () => {
           {subFooterItems?.length > 0 &&
             subFooterItems.map((item, index) => {
               let url =
-                item.href || flattenToAppURL(item.linkUrl?.[0]?.['@id']) || '/';
+                item.href ||
+                flattenToAppURL(item.linkUrl?.[0]?.['@id']) ||
+                homepath;
               return (
                 <li
                   className={cx('list-inline-item', {

package/src/components/layout/Footer/{SubsiteFooter.jsx → SubsiteFooter/SubsiteFooter.jsx}

@@ -9,6 +9,7 @@ import { useLocation } from 'react-router-dom';
 import { isCmsUi } from '@plone/volto/helpers/Url/Url';
 import { flattenHTMLToAppURL } from '@plone/volto/helpers/Url/Url';
 import { richTextHasContent } from 'io-sanita-theme/helpers';
+import './subsite-footer.scss';
 
 const SubsiteFooter = () => {
   const location = useLocation();