Skip to content
Code-Schnipsel Gruppen Projekte
Commit 163c99f6 erstellt von Michael Danielczok's avatar Michael Danielczok
Dateien durchsuchen

feat: FAQ package in template designed.

Übergeordneter 51d78f84
Keine zugehörigen Branchen gefunden
Keine zugehörigen Tags gefunden
Keine zugehörigen Merge Requests gefunden
Leerzeichenänderungen ausblenden
Inline Nebeneinander
bin/css/faq.css 0 → 100644
+ 115
− 0
Zeige Datei @ 163c99f6
/**************/
/* FAQ - list */
/**************/
.cologne-faq-list .grid-children {
display: flex;
flex-wrap: wrap;
}
.cologne-faq-list .content-template-faq-list-category {
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0);
flex-grow: 1;
margin: 20px;
min-width: 250px;
padding: 20px;
width: calc(33.333333% - 40px);
}
.cologne-faq-list-category.cologne-faq-list-category__empty {
border-bottom: 0;
border-top: 0;
height: 0;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
visibility: hidden;
}
.cologne-faq-list .content-template-faq-list-category:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.cologne-faq-list-category h2:after {
display: none;
}
.cologne-faq-list-category.lastCategoryLevel .btn {
align-self: flex-end;
margin-top: auto;
}
/* list */
.content-template-faq-list-category ul li:before {
display: none;
}
.content-template-faq-list-category ul li:hover {
background: none;
}
.content-template-faq-list-category ul li .fa {
margin-right: 0.75rem;
opacity: 0.75;
}
.content-template-faq-list-category ul li:hover .fa {
color: #203d58;
opacity: 1;
}
.cologne-faq-list ul li span {
display: initial;
margin: 0;
}
/******************/
/* FAQ - category */
/******************/
.quiqqer-faq-list {
margin-bottom: 4rem;
}
.quiqqer-faq-list li {
margin-bottom: 0;
}
.quiqqer-faq-list li:hover {
background: none;
}
.quiqqer-faq-list li:before {
display: none;
}
.cologne-quiqqer-faq li a {
margin-left: 0;
padding: 5px 0;
}
.quiqqer-faq-list .fa {
margin-right: 0.75rem;
opacity: 0.75;
}
.quiqqer-faq-list li:hover .fa {
color: #203d58;
opacity: 1;
}
/* article */
.cologne-quiqqer-faq article {
margin-bottom: 2rem;
}
.cologne-quiqqer-faq article header .fa {
color: #203d58;
margin-right: 1rem;
}
.cologne-quiqqer-faq .quiqqer-faq-list-linkToTop {
margin-top: 0;
}
bin/css/mini-basket.css
+ 0
− 4
Zeige Datei @ 163c99f6
/** mini basket /** mini basket
===================================== */ ===================================== */
.wrapper {
padding-top: 10em;
}
.quiqqer-order-basket-small-container { .quiqqer-order-basket-small-container {
background: #ffffff; background: #ffffff;
border: 1px solid #ddd; border: 1px solid #ddd;
......
bin/css/order.css
+ 10
− 10
Zeige Datei @ 163c99f6
...@@ -379,7 +379,7 @@ input.quiqqer-coupons-couponcodeinput-input:active { ...@@ -379,7 +379,7 @@ input.quiqqer-coupons-couponcodeinput-input:active {
padding: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;
} }
.quiqqer-order-basket-articles-article + .quiqqer-order-basket-articles-article { .quiqqer-order-basket-articles-article:nth-child(2n) {
background: #f8f8f8; background: #f8f8f8;
margin-top: 20px; margin-top: 20px;
padding-top: 20px; padding-top: 20px;
...@@ -406,7 +406,7 @@ input.quiqqer-coupons-couponcodeinput-input:active { ...@@ -406,7 +406,7 @@ input.quiqqer-coupons-couponcodeinput-input:active {
.quiqqer-order-basket-end { .quiqqer-order-basket-end {
height: inherit; height: inherit;
padding: 10px; padding: 1rem;
text-align: center; text-align: center;
} }
...@@ -421,24 +421,24 @@ input.quiqqer-coupons-couponcodeinput-input:active { ...@@ -421,24 +421,24 @@ input.quiqqer-coupons-couponcodeinput-input:active {
margin-top: 20px !important; margin-top: 20px !important;
} }
.quiqqer-payment-paypal-express {
padding: 1rem 0;
}
.quiqqer-order-basket-end .quiqqer-coupons-couponcodeinput { .quiqqer-order-basket-end .quiqqer-coupons-couponcodeinput {
padding: 0; padding: 0;
text-align: left; text-align: left;
flex-direction: column;
} }
.quiqqer-order-basket-end .quiqqer-coupons-couponcodeinput input { .quiqqer-order-basket-end .quiqqer-coupons-couponcodeinput input {
border-radius: 0 0 0 0.25rem !important;
width: 100%; width: 100%;
margin-bottom: 1rem;
} }
.quiqqer-coupons-couponcodeinput label span { .quiqqer-coupons-couponcodeinput label span {
background: #f8f8f8; display: block;
border-left: 1px solid #c9c8c5; padding: 5px 10px;
border-radius: 0.25rem 0 0 0;
border-top: 1px solid #c9c8c5;
display: inline-block;
padding: 5px;
width: 100%
} }
} }
......
bin/css/style.css
+ 1
− 1
Zeige Datei @ 163c99f6
...@@ -1474,4 +1474,4 @@ a.font-icon .fa { ...@@ -1474,4 +1474,4 @@ a.font-icon .fa {
a.font-icon .fa:before { a.font-icon .fa:before {
font-size: 1rem; font-size: 1rem;
} }
\ No newline at end of file
index.html
+ 1
− 0
Zeige Datei @ 163c99f6
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
<link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/style.css')}"/> <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/style.css')}"/>
<link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/buttons.css')}"/> <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/buttons.css')}"/>
<link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/form.css')}"/> <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/form.css')}"/>
<link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/faq.css')}"/>
<link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/products.css')}"/> <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/products.css')}"/>
<link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/frontend-users.css')}"/> <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/frontend-users.css')}"/>
<link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/order.css')}"/> <link rel="stylesheet" href="{$Template->getTemplateUrl('bin/css/order.css')}"/>
......
quiqqer/faq/types/category.html 0 → 100644
+ 52
− 0
Zeige Datei @ 163c99f6
{if $Template->getAttribute('content-body') && $Site->getAttribute('content')}
<section class="content-body">
{$Site->getAttribute('content')}
</section>
{/if}
<section itemscope itemtype="http://schema.org/ItemList"
class="content-template quiqqer-faq clear-fix cologne-quiqqer-faq"
data-qui="package/quiqqer/faq/bin/Category"
>
{if count($entries)}
<ul class="quiqqer-faq-list">
{foreach $entries as $Faq}
<li>
<a href="{url site=$Site}#faq{$Faq->getId()}">
<span class="fa fa-file-text-o"></span>
{$Faq->getAttribute('title')}
</a>
</li>
{/foreach}
</ul>
{/if}
{foreach $entries as $Faq}
<article id="faq{$Faq->getId()}" class="clear-fix">
<header>
<h2><span class="fa fa-file-text"></span> {$Faq->getAttribute('title')}</h2>
</header>
{if $Faq->getAttribute('short')}
<div class="content-short">
{$Faq->getAttribute('short')|nl2br}
</div>
{/if}
<div class="content-body">
{$Faq->getAttribute('content')}
</div>
<a href="#top" class=" quiqqer-faq-list-linkToTop">
{locale group="quiqqer/faq" value="link.to.top"} <span class="fa fa-fw fa-level-up"></span>
</a>
</article>
{if !($Faq@last)}
{/if}
{/foreach}
</section>
quiqqer/faq/types/list.html 0 → 100644
+ 71
− 0
Zeige Datei @ 163c99f6
{if $Template->getAttribute('content-body') && $Site->getAttribute('content')}
<section class="content-body">
{$Site->getAttribute('content')}
</section>
{/if}
<div class="content-template content-template-faq-list cologne-faq-list">
<div class="grid-children-container">
<div class="grid-children">
{foreach from=$categories item=Category}
{assign var=nextCategoryLevel value=false}
{if $Category->getAttribute('type') == 'quiqqer/faq:types/list'}
{assign var=nextCategoryLevel value=true}
{/if}
<section class="content-template-faq-list-category cologne-faq-list-category
{if !$nextCategoryLevel} lastCategoryLevel{/if}"
itemscope itemtype="http://schema.org/ItemList"
>
<h2 class="control-color">
<a itemprop="mainEntityOfPage" href="{url site=$Category}">
<span itemprop="name">{$Category->getAttribute('title')}</span>
</a>
</h2>
<div class="content-short">
{$Category->getAttribute('short')}
</div>
{if !$nextCategoryLevel}
<a itemprop="url" href="{url site=$Category}" class="btn btn-link">
{locale group="quiqqer/faq" value="more"}
</a>
{/if}
{if $nextCategoryLevel}
{assign var=faqList value=$Category->getChildren()}
{if count($faqList)}
<ul itemscope itemtype="http://schema.org/ItemList">
{assign var=position value=1}
{foreach $faqList as $Faq}
<li itemscope itemprop="itemListElement" itemtype="http://schema.org/ListItem">
{if $Faq->getAttribute('type') == 'quiqqer/faq:types/entry'}
<a itemprop="url" href="{url site=$Category}#faq{$Faq->getId()}">
{else}
<a itemprop="url" href="{url site=$Faq}">
{/if}
<span class="fa fa-file-text-o"></span>
<span itemprop="name">{$Faq->getAttribute('title')}</span>
<meta itemprop="position" content="{$position}" />
{assign var=position value=$position+1}
</a>
</li>
{/foreach}
</ul>
{/if}
{/if}
</section>
{/foreach}
{* <!-- Bad code, but necessary: flexbox equal width if there is no exactly 3 boxes per row --> *}
<section class="content-template-faq-list-category cologne-faq-list-category cologne-faq-list-category__empty"></section>
<section class="content-template-faq-list-category cologne-faq-list-category cologne-faq-list-category__empty"></section>
{* <!-- end bad code -->*}
</div>
</div>
</div>
\ No newline at end of file
0% oder .
You are about to add 0 people to the discussion. Proceed with caution.
Bearbeitung dieser Nachricht zuerst beenden!
Bitte registrieren oder zum Kommentieren

PCSG & QUIQQER support and DEV System - GitLab