Template Cologne
First eCommerce template based on QUIQQER system.
Package name:
quiqqer/template-cologneFeatures
- Responsive
- Integrated QUIQQER breadcrumb
- Page transition effects
- FontAwesome support
- Scroll function for A-elements
- (...)
Installation
The package name is: quiqqer/template-cologne
Contribute
- Project: https://dev.quiqqer.com/quiqqer/template-cologne
- Issue Tracker: https://dev.quiqqer.com/quiqqer/template-cologne/issues
- Source Code: https://dev.quiqqer.com/quiqqer/template-cologne/tree/master
- Wiki: https://dev.quiqqer.com/quiqqer/template-cologne/wikis/home
Support
If you have found a bug or want to make improvements, then you can write an e-mail to support@pcsg.de.
For developers
Testing of order confirmation mail template
If you wont to test confirmation mail template you will finde some information in QUIQQER Order wiki.
Smooth scroll to element by click
You can give each html element an extra CSS class to smoothly scroll to the target element. All you need is to
give at least scrollToLink class. For more control, consider the following parameters:
-
data-qui-target="#myElement"- [optional] every valid css selector -
data-qui-offset="60"- [optional] scroll offset
Example:
<!-- Top of the page -->
<p>
<a class="btn btn-primary btn-large" href="#Contact" data-qui-offset="120">
Get in touch <span class="fa fa-long-arrow-right"></span>
</a>
</p>
<p>
<button class="btn btn-secondary btn-large" data-qui-target=".myContactForm" data-qui-offset="100">
Get in touch one more time <span class="fa fa-long-arrow-right"></span>
</button>
</p>
<!-- ... -->
<!-- Contact form at the bottom -->
<h2 id="Contact" class="myContactForm">Send us a message</h2>
<form>
<!-- ... -->
</form>Available template events
For more information go to QUIQQER Wiki - Template events.
<!-- body -->
{template_event name="quiqqer::template-cologne::header::begin" Template=$Template}
{template_event name="quiqqer::template-cologne::header::afterCSSStyles" Template=$Template}
{template_event name="quiqqer::template-cologne::header::afterSettingsCSS" Template=$Template}
{template_event name="quiqqer::template-cologne::header::end" Template=$Template}
<!-- body -->
{template_event name="quiqqer::template-cologne::body::begin" Template=$Template}
{template_event name="quiqqer::template-cologne::body::afterTopBar" Template=$Template}
{template_event name="quiqqer::template-cologne::body::afterMainMenu" Template=$Template}
{template_event name="quiqqer::template-cologne::body::beforePage" Template=$Template}
{template_event name="quiqqer::template-cologne::body::afterHeader" Template=$Template}
{template_event name="quiqqer::template-cologne::body::afterBreadcrumb" Template=$Template}
{template_event name="quiqqer::template-cologne::body::beforeMain" Template=$Template}
{template_event name="quiqqer::template-cologne::body::afterMain" Template=$Template}
{template_event name="quiqqer::template-cologne::body::beforeFooter" Template=$Template}
{template_event name="quiqqer::template-cologne::body::afterFooter" Template=$Template}
{template_event name="quiqqer::template-cologne::body::end" Template=$Template}