QUIQQER - New Feature: Template inheritance

<p dir="auto"><center><br /> <img src="https://images.hive.blog/768x0/https://github.com/QUIQQER/QUIQQER/raw/master/bin/images/Readme.png" srcset="https://images.hive.blog/768x0/https://github.com/QUIQQER/QUIQQER/raw/master/bin/images/Readme.png 1x, https://images.hive.blog/1536x0/https://github.com/QUIQQER/QUIQQER/raw/master/bin/images/Readme.png 2x" /><br /> <h4>Repository <ul> <li><span><a href="https://github.com/QUIQQER/QUIQQER" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/QUIQQER/QUIQQER <li><span><a href="https://github.com/QUIQQER/package-smarty" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/QUIQQER/package-smarty <li><span><a href="https://github.com/QUIQQER/utils" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/QUIQQER/utils <h3>New Features <h4>What feature(s) did you add? <p dir="auto">Today we implement a long awaited feature. It is so-called <strong>template inheritance. The QUIQQER system is based on templates, these are blueprints for your content. So to speak the look of your website or e-commerce shop. <p dir="auto">There are different types of templates, templates for controls, templates for mails or templates for bricks but today it is about the basic template itself. <p dir="auto">QUIQQER has been allowing templates from bricks and controls to be overwritten for several years now. But the new feature goes a bit further. Let's say you are a template designer and want to change a little bit of an existing template. For example the complete footer. You want to change the structure, this was currently only possible by copying the complete template package and then implementing your changes. <p dir="auto">From now on you have the possibility to create a new template package and assign a template parent to it. Your template now accesses all templates which are available in the Parent Template, if your template package does not have it. <p dir="auto">However, if your template has its own template, this will be used. The whole works not only with HTML files, it works with all files which are exists in your template. CSS, Images and HTML! <h4>How did you implement it/them? <p dir="auto">The changes cover several core modules. <ul> <li><a href="https://github.com/QUIQQER/QUIQQER/commit/9efcf44cf746954894c79342d7c961275d2de796" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">QUIQQER - 9efcf <li><a href="https://github.com/QUIQQER/utils/commit/f1457da7b2c4f287b85a9816eaba4afe4b028b95" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">QUIQQER Utils - f1457 <li><a href="https://github.com/QUIQQER/package-smarty/commit/9901938d153e87c1b5955671b90b60cc1d3e3435" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">QUIQQER Smarty - 99019 <p dir="auto">To make it all work, first the package.xml had to be extended so far that a parent can be specified. <p dir="auto"><img src="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmY6SvjkaCLkvuJesJszYW18CMunfb1Epedyo85jpChMiw/Auswahl_002.png" alt="Auswahl_002.png" srcset="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmY6SvjkaCLkvuJesJszYW18CMunfb1Epedyo85jpChMiw/Auswahl_002.png 1x, https://images.hive.blog/1536x0/https://cdn.steemitimages.com/DQmY6SvjkaCLkvuJesJszYW18CMunfb1Epedyo85jpChMiw/Auswahl_002.png 2x" /><br /> <em><span>(<a href="https://github.com/QUIQQER/utils/commit/f1457da7b2c4f287b85a9816eaba4afe4b028b95" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/QUIQQER/utils/commit/f1457da7b2c4f287b85a9816eaba4afe4b028b95) <p dir="auto">A package.xml will look something like this: <p dir="auto"><img src="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQme9g3H6dKwwphGRHDeBgcayusq9GxsddVMzeF8TC4b4F4/Auswahl_001.png" alt="Auswahl_001.png" srcset="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQme9g3H6dKwwphGRHDeBgcayusq9GxsddVMzeF8TC4b4F4/Auswahl_001.png 1x, https://images.hive.blog/1536x0/https://cdn.steemitimages.com/DQme9g3H6dKwwphGRHDeBgcayusq9GxsddVMzeF8TC4b4F4/Auswahl_001.png 2x" /> <p dir="auto">The main work was to extend the central template class so that if a template has a parent, this is also taken into consideration. <p dir="auto">That was the easy part, now the fun is just beginning <a href="https://github.com/QUIQQER/QUIQQER/commit/9efcf44cf746954894c79342d7c961275d2de796" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">commit. <p dir="auto">To make the whole thing easier, the package class was extended by two methods which can be used to determine whether this package has a template parent or not. <p dir="auto"><img src="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmc5tGzYq6mCzjFbnna5fEtWHiAxDC3d6cwqizKduvxvJp/Auswahl_003.png" alt="Auswahl_003.png" srcset="https://images.hive.blog/768x0/https://cdn.steemitimages.com/DQmc5tGzYq6mCzjFbnna5fEtWHiAxDC3d6cwqizKduvxvJp/Auswahl_003.png 1x, https://images.hive.blog/1536x0/https://cdn.steemitimages.com/DQmc5tGzYq6mCzjFbnna5fEtWHiAxDC3d6cwqizKduvxvJp/Auswahl_003.png 2x" /> <p dir="auto">Since the package extension made it easier to query the whole thing, the template class had to be extended. <p dir="auto"><em><span>[Mega awesome Image with a lot of code that nobody understands :D] (<a href="https://github.com/QUIQQER/QUIQQER/commit/9efcf44cf746954894c79342d7c961275d2de796#diff-f5c9b82e0e526b1b83d7bcab3254f3e5" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/QUIQQER/QUIQQER/commit/9efcf44cf746954894c79342d7c961275d2de796#diff-f5c9b82e0e526b1b83d7bcab3254f3e5) <p dir="auto">Well, these changes only affect the main files of the template. Of course, this is a start and you can do a lot with it. Basically we have thought a bit further. <p dir="auto">Since it was partly already possible to overwrite certain control templates, a Smarty function was specially developed here at that time <code>{fetch}. This function will also be used to use parts of a template. <p dir="auto">The <a href="https://github.com/QUIQQER/package-smarty/commit/9901938d153e87c1b5955671b90b60cc1d3e3435" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">changes in the Smarty module now make it perfect and with these changes it is now possible to make each subarea dependent. <p dir="auto">What is possible now? As a template designer, you can use our e-commerce template as a starting point and only overwrite parts of it. You don't have to spend weeks and months to design products that look the same in 90% of cases anyway or you just redesign the product and let the rest of the parent template take over. <p dir="auto">This extension brings QUIQQER another huge step forward to quickly and easily build SaaS, E-commerce shops or simple websites. <p dir="auto">Thanks for reading,<br /> Hen, for PCSG Developers <h4>GitHub Account <ul> <li><span><a href="https://github.com/dehenne" target="_blank" rel="noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">https://github.com/dehenne