Petra PetraMotz
PetraMotz
/ BackgroundImage.html
Last active
August 4, 2021 11:12
TYPO3 Bilder #FAL Image #SECTION FAL Image #Picture Tag #Background Image #Lightbox Link #fluid
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="spBackgroundImage" style="background: url({f:uri.image(image:field.image.0, treatIdAsReference:1)}) no-repeat center / cover"></div> | |
| </f:if> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function onScrollActivateSectionAnchor(){ | |
| var scrollTop = $(window).scrollTop(); | |
| var header= $('#header').offset().top; | |
| var headerHight = $('#header').height(); | |
| var headerHalf = (headerHight/2)-70; | |
| $('.scrollAnchor').each(function(){ | |
| var distance= $(this).offset().top - scrollTop; | |
| var height= $(this).height(); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| data-url="{f:uri.action(action: 'moreResults', pageUid: 173)} <---------------- link für Ajax route | |
| {f:uri.page(pageUid:item.extLink)} <----bei action wenn auf die id einer internen Seite verlinkt wird |
PetraMotz
/ alias.html
Last active
August 4, 2021 11:10
Typo3 Foreach #iterator #alias #foreach #chunk #explode #fluid
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ###################alias######################### | |
| <f:alias map="{firstName: address.firstName, lastName: address.lastName}"> | |
| <p>Hello, my name is {firstName} {lastName}</p> | |
| </f:alias> | |
| <f:alias map="{amount: '{addresses->f:count()}'}"> | |
| <p>There are {amount} records in database</p> | |
| </f:alias> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {f:if(condition: iterator.isOdd, then: 'newsOdd', else: 'newsEven')} |
PetraMotz
/ allgemein.ts
Last active
August 4, 2021 11:26
Typo3 Frontend Layout #frontend #layout #t3
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Seite bearbeiten, Erscheinungsbild Frontend layout auswählen (wird nach ID im html abgefragt) | |
| Name des Layouts kann in TS Config geändert werden | |
| Beispiel Karwendel News Ext | |
| <f:if condition="{data.layout}!=1"> | |
| <div id="news" class="defPageNewsContainer"> | |
| <f:render section="news" /> | |
| </div> | |
| </f:if> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| powermail formular von news detail seite aus | |
| plugin.tx_powermail.settings.setup.misc.addQueryString = 1 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Hover Bold FIX: | |
| a { | |
| display:inline-block; | |
| text-align:center; | |
| } | |
| a:hover { | |
| font-weight:bold; | |
| } | |
| a::after { | |
| display:block; |
PetraMotz
/ direct Link.html
Last active
August 4, 2021 11:10
Typo3 Fluid direct Links #mail #phone #direct #fluid
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="footerPhone"><i class="fas fa-phone-alt phoneIcon"></i><a href="tel:<v:format.eliminate whitespace='1' characters='- ( ) / -'>{field.phone}</v:format.eliminate>" title="{field.phone}">{field.phone}</a></div> | |
| +++++++++++++++ Zeichen eleminieren ++++++++++++++++ | |
| <a href="tel:<v:format.eliminate whitespace='1' characters='-/' strings='(0)'>{field.telephone}</v:format.eliminate>" title="call us"> {field.telephone}</a> | |
| <a href="mailto:<v:format.eliminate whitespace='1' characters='-/' strings='(0)'>{field.email}</v:format.eliminate>" title="write us"> {field.email}</a> | |
| <f:variable name="link" value="<f:cObject typoscriptObjectPath='lib.currentURL'/>"/> |
OlderNewer