PetraMotz’s gists

PetraMotz / BackgroundImage.html

Last active August 4, 2021 11:12

TYPO3 Bilder #FAL Image #SECTION FAL Image #Picture Tag #Background Image #Lightbox Link #fluid

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

PetraMotz / MeashureHeight.js

Last active August 4, 2021 11:26

JQuery Scroll #js #scroll

	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 / furi.html

Last active August 4, 2021 11:28

Typo3 Link Fluid #uri #t3

	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

	###################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 / inline if.html

Last active August 4, 2021 11:27

Typo3 Fluid If #inline #fluid #t3

{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

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

Last active August 4, 2021 11:11

TYPO3 Powermail #news #powermail #t3

	powermail formular von news detail seite aus

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

PetraMotz / cookie.js

Last active August 4, 2021 12:04

JQuery Nützliches #timeout #allgemein #nützlich #js

PetraMotz / hover.scss

Last active August 4, 2021 11:11

SCSS Hover Bold Ohne Springen #hover #scss

PetraMotz / direct Link.html

Last active August 4, 2021 11:10

Typo3 Fluid direct Links #mail #phone #direct #fluid

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

	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', '');
	}

Petra PetraMotz