PetraMotz

<div class="spBackgroundImage" style="background: url({f:uri.image(image:field.image.0, treatIdAsReference:1)}) no-repeat center / cover"></div>
		</f:if>

PetraMotz

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();

PetraMotz

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#########################

<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>

PetraMotz

{f:if(condition: iterator.isOdd, then: 'newsOdd', else: 'newsEven')}

PetraMotz

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>

PetraMotz

powermail formular von news detail seite aus

plugin.tx_powermail.settings.setup.misc.addQueryString = 1

PetraMotz

jQuery(".nav-link").on('click',function(e) {
		var value = $(this).attr('data-anchor');  ->>> zur ID eines Anker DCEs springen
		if(value != ''){
			e.preventDefault();
			$.cookie('anchor', value); ->> cookie setzen (setzt einbinden von jquery.cookie.js voraus )
			window.location.href = '/#'+value;
		}
		else{
			$.cookie('anchor', '');
		}

PetraMotz

Hover Bold FIX:
a {
   display:inline-block;
   text-align:center;
}
a:hover {
   font-weight:bold;
}
a::after {
   display:block;

PetraMotz

<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'/>"/>