My Wife's Website

0 likes483 views

The document outlines the development of a website using TYPO3, focusing on the site package concept that includes configuration through TypoScript, fluid templates, and various components for handling complex conditions. It also discusses the implementation of a responsive design using Bootstrap, the use of dropdown menus, and gallery content elements with associated data processing. Additionally, it emphasizes clean template structures and default content provisions to enhance user experience.

Software

MY WIFE’S
WEBSITE
Jigal van Hemert
jigal.van.hemert@typo3.org
@jigalvh
A look at building a website

SITEPACKAGE
CONCEPT
All configuration in an extension
15/07/2017 My wife’s website 4

SITEPACKAGE
 TypoScript, TSconfig
 BE layouts, Fluid templates
 ViewHelpers
 DataProcessors
15/07/2017 My wife’s website 5

EXISTING
TEMPLATE
Let’s be modern and use bootstrap
15/07/2017 My wife’s website 6

COMPLEX
CONDITIONS
<f.spaceless> to the rescue
15/07/2017 My wife’s website 8

COMPLEX CONDITIONS
<f:spaceless>
<f:if condition="{0: hasMenu, 1: count} == {0: 1, 1: 2}"><f:then>4</f:then></f:if>
<f:if condition="{0: hasMenu, 1: count} == {0: 1, 1: 3}"><f:then>3</f:then></f:if>
<f:if condition="{0: hasMenu, 1: count} == {0: 1, 1: 4}"><f:then>2</f:then></f:if>
<f:if condition="{0: hasMenu, 1: count} == {0: 0, 1: 2}"><f:then>6</f:then></f:if>
<f:if condition="{0: hasMenu, 1: count} == {0: 0, 1: 3}"><f:then>4</f:then></f:if>
<f:if condition="{0: hasMenu, 1: count} == {0: 0, 1: 4}"><f:then>3</f:then></f:if>
</f:spaceless>
15/07/2017 My wife’s website 9

COMPLEX CONDITIONS
<div class="col-md-{f:render(
partial:'Helpers/bootstrapCol',
arguments:'{hasMenu: hasMenu, count: cols}'
)}">
15/07/2017 My wife’s website 10

AUTOCOMPLETE &
CLEAN-UP
Namespaces for IDE
15/07/2017 My wife’s website 11

AUTOCOMPLETE & CLEAN-UP
<html
xmlns:f="https://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
data-namespace-typo3-fluid="true">
…
</html>
15/07/2017 My wife’s website 12

AUTOCOMPLETE & CLEAN-UP
 xmlns: for auto-complete in IDE
 data-attribute to remove tag
15/07/2017 My wife’s website 13

DROP-IN PARTIAL
Cleaner template structure
15/07/2017 My wife’s website 14

FLUIDCONTENT TEMPLATE STRUCTURE
 No HeaderContentFooter.hml
 Instead:
–DropIn/Before/All.html
–DropIn/After/All.html
15/07/2017 My wife’s website 15

TABLE CONTENT
ELEMENT???
Old things looking new
15/07/2017 My wife’s website 16

TABLE CONTENT ELEMENT
 Simple interface
 No markup in cells
 Responsive output
15/07/2017 My wife’s website 17

DEFAULT CONTENT
No empty pages
15/07/2017 My wife’s website 18

lib.content0 < styles.content.get
lib.content0.stdWrap.ifEmpty =
<section><div class="container"><div
class="row"><div class="col-md-12 text-
center"><h2>Under Construction</h2>
<p>Content will be added shortly</p>
</div></div></div></section>
DEFAULT CONTENT
15/07/2017 My wife’s website 19

MEGA MENU WITH
BREAKS
Also as hamburger menu
15/07/2017 My wife’s website 20

MEGA MENU
 Normal HMENU
 SPC as column separator
 Use field media to trigger mega-menu
 Pid field to check for third level
15/07/2017 My wife’s website 21

GALLERY CE
Gallery from folder
15/07/2017 My wife’s website 22

GALLERY CONTENT ELEMENT
 FlexForm DataProcessor
 SPC as column separator
 Use field media to trigger mega-menu
 Pid field to check for third level
15/07/2017 My wife’s website 23

GALLERY CONTENT ELEMENT
DataProcessing {
10 = jigalnoytcbDataProcessingFlexFormProcessor
10 {
as = flexformData
}
20 = jigalnoytcbDataProcessingFilesProcessor
20 {
foldersProcessedDataKey = flexformData|folder
sorting = name
copyProcessedDataToData = flexformData|imagecols
as = files
}
30 = TYPO3CMSFrontendDataProcessingGalleryProcessor
30 {
filesProcessedDataKey = files
maxGalleryWidth = 1500
as = gallery
}
}
15/07/2017 My wife’s website 24

DISCUSSION
15/07/2017 My wife’s website 26

THANK YOU!
15/07/2017 My wife’s website 27

The document highlights new features and improvements in TYPO3 v8, focusing on enhancements in task management, CLI usability, and backend editor experience. Key updates include the introduction of a single CLI user for task execution, improved scheduling options, and new developer tools for content elements and template management. Additionally, the document emphasizes configuration updates and changes aimed at streamlining user experience and code management.

Unity3D With MeteorDesignveloper

��

Meteor JS NewsDesignveloper

��

Latest Meteor JS NewsDesignveloper

��

The document discusses updates to Meteor, a JavaScript web framework. It summarizes versions 1.4.1 and 1.4.2, which updated packages, modified password reset tokens, and extracted packages. It then introduces GraphQL, describing it as a query language created by Facebook that provides a common interface for fetching and manipulating data across different backends. The document suggests GraphQL and the Apollo stack could bring benefits to Meteor by supporting non-MongoDB databases.

Prepara tu entorno para Magento 2Óscar Recio Soria

��

The document outlines the setup and development environment for Magento 2, detailing the necessary tools, configurations, and plugins. It provides tips for enhancing development productivity, such as using specific PHP tools and code quality checkers. Additionally, it emphasizes the importance of planning and attention to detail in Magento development, alongside resources for staying updated in the field.

Gradle native basickuotung tsai

��

Last Month in PHP - April 2016Eric Poe

��

Git Distributed Version Control SystemVictor Wong

��

The document provides an outline on installing and configuring Git, introduces common Git concepts and commands, discusses various Git workflows and hosting options on GitHub and Bitbucket, and includes examples of using Git in case studies. It covers topics such as setting up a local and global Git configuration, interacting with the staging area and working directory, branching and merging, and resolving conflicts. The document is intended to teach users the basics of using the popular version control system Git.

Little gems in the upcoming version 13 of TYPO3Jigal van Hemert

��

The document details various new features and improvements introduced in TYPO3 version 13, including enhanced error messaging with frontend request IDs, new Typoscript capabilities like the null coalescing operator, and user-friendly settings like default resource view modes. Additionally, it discusses performance optimizations, backend user group creation, fluid viewhelper enhancements, and new PHP attribute support for autoconfiguration of event listeners. Overall, these updates aim to streamline workflows, enhance usability, and provide developers with more versatile tools.

Little Gems in TYPO3 v12Jigal van Hemert

��

This document outlines new features and changes in TYPO3 v12, including enhancements in TypoScript, Extbase plugin structure, backend usability, and database support for JSON fields. Key updates include the ability to copy page access settings from parents, improved configuration management, and the introduction of new view helpers. The document also highlights significant deprecations related to magic methods in Extbase repositories, urging developers to adopt new querying patterns.

Fun with fluid (TYPO3camp RheinRuhr 2019)Jigal van Hemert

��

This document discusses the Fluid templating engine. It provides examples of common Fluid tasks like conditional rendering, recursion, and caching. Fluid is an XML-based templating system used in TYPO3 projects to dynamically generate HTML. It allows separating design and logic through partials, view helpers, and conditions. The document encourages attendees to share their own Fluid solutions and challenges.

Build your own Upgrade WizardJigal van Hemert

��

Little gems in TYPO3 v9Jigal van Hemert

��

Fun with fluid_t3dd18Jigal van Hemert

��

This document discusses Fluid, an XML-based templating engine used in TYPO3 projects. It covers topics like inline and block rendering, optional rendering, checking options, recursion, calculations, and caching. Examples are provided for conditional logic, looping, and passing arguments to partials. Further reading resources are included to learn more about Fluid and templating solutions. Attendees are invited to share their own examples or challenges with Fluid.

Ddev workshop t3dd18Jigal van Hemert

��

The document provides a comprehensive guide on using DDEV, a tool that simplifies Docker-based development environments for various PHP applications like WordPress, Drupal, and TYPO3. It covers requirements, installation methods, project configuration, daily usage commands, and ways to extend DDEV's functionalities. Key topics include setting up containers, starting/stopping projects, and configuring additional services like phpMyAdmin and MailHog.

University Campus Navigation for All - Peak of Data & AISafe Software

��

Navigating around the 1000 acres of UBC Vancouver’s campus may look like a walk in a park, but when you’re a student in a wheelchair trying to find a powered door to the class you’re late for, it is not all that scenic. UBC’s GIS team will share the journey from the original 2003 static map application to the current web application built using FME and the ArcGIS JavaScript API. There were two main goals with this new application: 1. Enable the UBC community to easily interact with and navigate the campus by walking, cycling and accessible means (which include mobility constraints such as steep slopes, stairs, and doors that are not powered). 2. Provide high quality geospatial data that is authoritative and updated using FME to reflect existing conditions on campus including road, sidewalk or building closures for construction. We will cover the unique challenges in creating a navigation application which offers features that Google Maps cannot at the scale of a University campus. Door to door navigation, avoiding stairs and steep slopes, navigating to accessible entrances and up to date construction barriers are some of the features we will discuss.

Canva Pro Crack Free Download 2025-FREE LATESTgrete1122g

��

Streamlining CI/CD with FME Flow: A Practical GuideSafe Software

��

declaration of Variables and constants.pptxmeemee7378

��

Key Challenges in Troubleshooting Customer On-Premise ApplicationsTier1 app

��

When applications are deployed in customer-managed environments, resolving performance issues becomes a hidden battle. Limited access to logs, delayed responses, and vague problem descriptions make root cause analysis incredibly challenging. In this presentation, we walk through: The six most common hurdles faced in on-prem troubleshooting A practical 360° artifact collection strategy using the open-source yc-360 script Real-world case studies covering transaction timeouts, CPU spikes, and intermittent HTTP 502 errors Benefits of structured data capture in reducing investigation time and improving communication with customers ✅ Whether you're supporting enterprise clients or building tools for distributed environments, this deck offers a practical roadmap to make on-prem issue resolution faster and less frustrating.

A Guide to Telemedicine Software Development.pdfOlivero Bozzelli

��

Best Practice for LLM Serving in the CloudAlluxio, Inc.

��

Alluxio Webinar June 17, 2025 For more Alluxio Events: https://www.alluxio.io/events/ Speaker: Nilesh Agarwal (Co-founder & CTO @ Inferless) Nilesh Agarwal, co-founder & CTO at Inferless, shares insights on accelerating LLM inference in the cloud using Alluxio, tackling key bottlenecks like slow model weight loading from S3 and lengthy container startup time. Inferless uses Alluxio as a three-tier cache system that dramatically cuts model load time by 10x.

Humans vs AI Call Agents - Qcall.ai's Special ReportUdit Goenka

��

Humans vs Agentic AI Cost Comparison: Cut 85% Support Costs TL;DR: Agentic AI crushes human costs in L1/L2 support with 85% savings, 300% efficiency gains, and 90%+ success rates. Your CFO just asked: "Why spend $2.3M annually on L1 support when competitors automated 80% for under $200K?" The humans vs agentic AI cost debate isn't theoretical - it's happening now. Real Cost Breakdown: - India L1/L2 Agent: ₹6,64,379 ($8,000) annually (full cost) - US L1/L2 Agent: $70,000 annually (loaded cost) - Qcall.ai Agentic AI: ₹6/min ($0.07/min) = 85% savings Game-Changing Results: - 47 human agents → 8 agents + AI system - Operating costs: $2.8M → $420K (85% reduction) - Customer satisfaction: 78% → 91% - First call resolution: 72% → 94% - Languages: 2-3 → 15+ fluently Why Agentic AI Wins: - Human Limitations: 8hrs/day, 1-2 languages, 30-45% attrition, mood-dependent, 6-12 weeks training - Qcall.ai Advantages: 24/7 availability, 97% humanized voice, <60 second response, intelligent qualification, seamless handoff Industry Impact: - E-commerce: 82% cost reduction - Healthcare: 90% appointment automation - SaaS: 23% satisfaction improvement - Financial: 95% inquiry automation Implementation: - Setup: 2-5 days vs 6-12 weeks hiring - ROI: Break-even in 3 months - Scaling: Instant global expansion Competitive Gap: - Early Adopters: 85% cost advantage, superior metrics, faster expansion Late Adopters: Higher costs, limited scalability, compounding disadvantage Similar automation patterns emerge across industries. Marketing teams use autoposting.ai for social media automation - same human-AI collaboration model driving L1/L2 transformation. "We reduced support costs by 78% while improving satisfaction by 31%. ROI was immediate and keeps compounding." - COO, Global SaaS Company Getting Started: Calculate current L1/L2 costs Assess repetitive tasks Request Qcall.ai demo Plan 20% pilot Bottom Line: Companies avoiding this shift hemorrhage millions while competitors scale globally with fraction of costs. The question isn't whether agentic AI will replace routine tasks - it's whether you'll implement before competitors gain insurmountable advantage. Ready to transform operations? This reveals complete cost analysis, implementation strategy, and competitive advantages.

Advance Doctor Appointment Booking App With Online PaymentAxisTechnolabs

��

Introduction to Agile Frameworks for Product Managers.pdfAli Vahed

��

As a Product Manager, having a solid understanding of Agile frameworks is essential, whether you are joining an established team or helping shape a new one. Agile is not just a delivery method; it is a mind set that directly impacts how products are built, iterated, and brought to market. Knowing the strengths and trade-offs of each framework enables you to collaborate more effectively with teams, foster alignment, and drive meaningful outcomes. Simply put, Agile fluency helps you lead with clarity in fast-paced, ever-changing environments. The next few slides are simple ‘STUDY CARDS’ to help you learn or refresh your understanding of a few popular Agile frameworks.

Which Hiring Management Tools Offer the Best ROI?HireME

��

Best AI-Powered Wearable Tech for Remote Health Monitoring in 2025SEOLIFT - SEO Company London

��

Simplify Insurance Regulations with Compliance Management SoftwareInsurance Tech Services

��

Azure AI Foundry: The AI app and agent factoryMaxim Salnikov

��

Discover how Azure AI Foundry is transforming the way organizations innovate and operate. This session explores the pivotal role of AI in reshaping business processes, enhancing employee experiences, and redefining customer engagement. Attendees will gain insights into the strategic value of AI investments, including the measurable returns and the growing momentum behind generative AI experimentation. The talk introduces the emerging paradigm of agentic AI - intelligent agents that are revolutionizing how we build, manage, and interact with software. Through real-world examples, the session demonstrates how Azure AI Foundry empowers teams to design, customize, and scale AI applications and agents, unlocking new levels of efficiency and creativity across industries.

CodeCleaner: Mitigating Data Contamination for LLM Benchmarkingarabelatso

��

More Related Content

More from Jigal van Hemert (7)

Little gems in the upcoming version 13 of TYPO3Jigal van Hemert

��

Little Gems in TYPO3 v12Jigal van Hemert

��

Fun with fluid (TYPO3camp RheinRuhr 2019)Jigal van Hemert

��

Build your own Upgrade WizardJigal van Hemert

��

Little gems in TYPO3 v9Jigal van Hemert

��

Fun with fluid_t3dd18Jigal van Hemert

��

Ddev workshop t3dd18Jigal van Hemert

��

Little gems in the upcoming version 13 of TYPO3Jigal van Hemert

��

Little Gems in TYPO3 v12Jigal van Hemert

��

Fun with fluid (TYPO3camp RheinRuhr 2019)Jigal van Hemert

��

Build your own Upgrade WizardJigal van Hemert

��

Little gems in TYPO3 v9Jigal van Hemert

��

Fun with fluid_t3dd18Jigal van Hemert

��

Ddev workshop t3dd18Jigal van Hemert

��

Recently uploaded (20)

University Campus Navigation for All - Peak of Data & AISafe Software

��

Canva Pro Crack Free Download 2025-FREE LATESTgrete1122g

��

Streamlining CI/CD with FME Flow: A Practical GuideSafe Software

��

declaration of Variables and constants.pptxmeemee7378

��

Key Challenges in Troubleshooting Customer On-Premise ApplicationsTier1 app

��

A Guide to Telemedicine Software Development.pdfOlivero Bozzelli

��

Best Practice for LLM Serving in the CloudAlluxio, Inc.

��

Humans vs AI Call Agents - Qcall.ai's Special ReportUdit Goenka

��

Advance Doctor Appointment Booking App With Online PaymentAxisTechnolabs

��

Introduction to Agile Frameworks for Product Managers.pdfAli Vahed

��

Which Hiring Management Tools Offer the Best ROI?HireME

��

Best AI-Powered Wearable Tech for Remote Health Monitoring in 2025SEOLIFT - SEO Company London

��

Simplify Insurance Regulations with Compliance Management SoftwareInsurance Tech Services

��

Azure AI Foundry: The AI app and agent factoryMaxim Salnikov

��

CodeCleaner: Mitigating Data Contamination for LLM Benchmarkingarabelatso

��

OpenChain Webinar - AboutCode - Practical Compliance in One Stack – Licensing...Shane Coughlan

��

From Data Preparation to Inference: How Alluxio Speeds Up AIAlluxio, Inc.

��

Alluxio Webinar June 17, 2025 For more Alluxio Events: https://www.alluxio.io/events/ Speaker: Jingwen Ouyang (Sr. Product Manager @ Alluxio) In this talk, Jingwen Ouyang, Senior Product Manager at Alluxio, will share how Alluxio make it easy to share and manage data from any storage to any compute engine in any environment with high performance and low cost for your model training, model inference, and model distribution workload.

HYBRIDIZATION OF ALKANES AND ALKENES ...karishmaduhijod1

��

IDM Crack with Internet Download Manager 6.42 [Latest 2025]HyperPc soft

��

🌍📱👉COPY LINK & PASTE ON GOOGLEhttps://hyperpcsoft.com/ after-verification-click-go-to-download-page The user-friendly interface makes IDM Crack 2025 easy to use. IDM Crack has a smart download logic accelerator with dynamic file segmentation and safe multipart downloading to speed up your downloads. Unlike other download managers, IDM Patch dynamically segments files during download and reuses available connections, avoiding additional connect and login stages for the best acceleration performance.

On-Device AI: Is It Time to Go All-In, or Do We Still Need the Cloud?Hassan Abid

��

As mobile hardware becomes more powerful, the promise of running advanced AI directly on-device is closer than ever. With Google’s latest on-device model Gemini Nano, accessible through the new ML Kit GenAI APIs and AI Edge SDK, alongside the open-source Gemma-3n models, developers can now integrate lightweight, multimodal intelligence that works even without an internet connection. But does this mean we no longer need cloud-based AI? This session explores the practical trade-offs between on-device and cloud AI for mobile apps.

University Campus Navigation for All - Peak of Data & AISafe Software

��

Canva Pro Crack Free Download 2025-FREE LATESTgrete1122g

��

Streamlining CI/CD with FME Flow: A Practical GuideSafe Software

��

declaration of Variables and constants.pptxmeemee7378

��

Key Challenges in Troubleshooting Customer On-Premise ApplicationsTier1 app

��

A Guide to Telemedicine Software Development.pdfOlivero Bozzelli

��

Best Practice for LLM Serving in the CloudAlluxio, Inc.

��

Humans vs AI Call Agents - Qcall.ai's Special ReportUdit Goenka

��

Advance Doctor Appointment Booking App With Online PaymentAxisTechnolabs

��

Introduction to Agile Frameworks for Product Managers.pdfAli Vahed

��

Which Hiring Management Tools Offer the Best ROI?HireME

��

Best AI-Powered Wearable Tech for Remote Health Monitoring in 2025SEOLIFT - SEO Company London

��

Simplify Insurance Regulations with Compliance Management SoftwareInsurance Tech Services

��

Azure AI Foundry: The AI app and agent factoryMaxim Salnikov

��

CodeCleaner: Mitigating Data Contamination for LLM Benchmarkingarabelatso

��

OpenChain Webinar - AboutCode - Practical Compliance in One Stack – Licensing...Shane Coughlan

��

From Data Preparation to Inference: How Alluxio Speeds Up AIAlluxio, Inc.

��

HYBRIDIZATION OF ALKANES AND ALKENES ...karishmaduhijod1

��

IDM Crack with Internet Download Manager 6.42 [Latest 2025]HyperPc soft

��

On-Device AI: Is It Time to Go All-In, or Do We Still Need the Cloud?Hassan Abid

��

My Wife's Website

1. MY WIFE’S WEBSITE Jigal van Hemert jigal.van.hemert@typo3.org @jigalvh A look at building a website

2. 15/07/2017 My wife’s website 2

3. GOAL 15/07/2017 My wife’s website 3

4. SITEPACKAGE CONCEPT All configuration in an extension 15/07/2017 My wife’s website 4

5. SITEPACKAGE  TypoScript, TSconfig  BE layouts, Fluid templates  ViewHelpers  DataProcessors 15/07/2017 My wife’s website 5

6. EXISTING TEMPLATE Let’s be modern and use bootstrap 15/07/2017 My wife’s website 6

7. ... 15/07/2017 My wife’s website 7

8. COMPLEX CONDITIONS <f.spaceless> to the rescue 15/07/2017 My wife’s website 8

9. COMPLEX CONDITIONS <f:spaceless> <f:if condition="{0: hasMenu, 1: count} == {0: 1, 1: 2}"><f:then>4</f:then></f:if> <f:if condition="{0: hasMenu, 1: count} == {0: 1, 1: 3}"><f:then>3</f:then></f:if> <f:if condition="{0: hasMenu, 1: count} == {0: 1, 1: 4}"><f:then>2</f:then></f:if> <f:if condition="{0: hasMenu, 1: count} == {0: 0, 1: 2}"><f:then>6</f:then></f:if> <f:if condition="{0: hasMenu, 1: count} == {0: 0, 1: 3}"><f:then>4</f:then></f:if> <f:if condition="{0: hasMenu, 1: count} == {0: 0, 1: 4}"><f:then>3</f:then></f:if> </f:spaceless> 15/07/2017 My wife’s website 9

10. COMPLEX CONDITIONS <div class="col-md-{f:render( partial:'Helpers/bootstrapCol', arguments:'{hasMenu: hasMenu, count: cols}' )}"> 15/07/2017 My wife’s website 10

11. AUTOCOMPLETE & CLEAN-UP Namespaces for IDE 15/07/2017 My wife’s website 11

12. AUTOCOMPLETE & CLEAN-UP <html xmlns:f="https://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true"> … </html> 15/07/2017 My wife’s website 12

13. AUTOCOMPLETE & CLEAN-UP  xmlns: for auto-complete in IDE  data-attribute to remove tag 15/07/2017 My wife’s website 13

14. DROP-IN PARTIAL Cleaner template structure 15/07/2017 My wife’s website 14

15. FLUIDCONTENT TEMPLATE STRUCTURE  No HeaderContentFooter.hml  Instead: –DropIn/Before/All.html –DropIn/After/All.html 15/07/2017 My wife’s website 15

16. TABLE CONTENT ELEMENT??? Old things looking new 15/07/2017 My wife’s website 16

17. TABLE CONTENT ELEMENT  Simple interface  No markup in cells  Responsive output 15/07/2017 My wife’s website 17

18. DEFAULT CONTENT No empty pages 15/07/2017 My wife’s website 18

19. lib.content0 < styles.content.get lib.content0.stdWrap.ifEmpty = <section><div class="container"><div class="row"><div class="col-md-12 text- center"><h2>Under Construction</h2> <p>Content will be added shortly</p> </div></div></div></section> DEFAULT CONTENT 15/07/2017 My wife’s website 19

20. MEGA MENU WITH BREAKS Also as hamburger menu 15/07/2017 My wife’s website 20

21. MEGA MENU  Normal HMENU  SPC as column separator  Use field media to trigger mega-menu  Pid field to check for third level 15/07/2017 My wife’s website 21

22. GALLERY CE Gallery from folder 15/07/2017 My wife’s website 22

23. GALLERY CONTENT ELEMENT  FlexForm DataProcessor  SPC as column separator  Use field media to trigger mega-menu  Pid field to check for third level 15/07/2017 My wife’s website 23

24. GALLERY CONTENT ELEMENT DataProcessing { 10 = jigalnoytcbDataProcessingFlexFormProcessor 10 { as = flexformData } 20 = jigalnoytcbDataProcessingFilesProcessor 20 { foldersProcessedDataKey = flexformData|folder sorting = name copyProcessedDataToData = flexformData|imagecols as = files } 30 = TYPO3CMSFrontendDataProcessingGalleryProcessor 30 { filesProcessedDataKey = files maxGalleryWidth = 1500 as = gallery } } 15/07/2017 My wife’s website 24

25. GALLERY CONTENT ELEMENT settings.media.popup.linkParams.ATagParams.dataWrap = class="{$styles.content.textmedia.linkWrap.lightboxCss Class}" data- toggle="{$styles.content.textmedia.linkWrap.lightboxTo ggleAttribute}" data-gallery="gallery" data- title="{column.media.title}" data- footer="{column.media.description}" 15/07/2017 My wife’s website 25

26. DISCUSSION 15/07/2017 My wife’s website 26

27. THANK YOU! 15/07/2017 My wife’s website 27

�ݺ�ߣ

My Wife's Website

Recommended

More Related Content

More from Jigal van Hemert (7)

Recently uploaded (20)

My Wife's Website