Questions tagged [templating]
Front-end Twig templates that can Craftily render markup, scripts, and styles.
1,585
questions
0
votes
0answers
2 views
TWIG dataUrl function for resized images
Craft provides the very nice TWIG function dataUrl(pathToImg) to inline images in e-mails.
E.g.
<img src="{{ dataUrl('@webroot/assets/img/logo.svg')" />
will base64 encode the image ...
0
votes
1answer
18 views
How can I make make the class of an entry link “active” if entry is the current url?
I'm currently using the below jQuery but it's buggy as it relies on looking for 'similar' url and not the exact url.
Is there a way it can be done just using Twig?
{% set mainNavigation = craft....
0
votes
1answer
25 views
Displaying Craft templates in external apps
I'm working on a site that is running Craft v2 and also has an installation of Simple Machines Forum (SMF). This has been fine using the approach outlined in this answer, i.e.
$craft = include '/craft/...
2
votes
1answer
21 views
Showing and playing video's in Twig templates
I want to be able to upload and play videos on my Craft CMS website.
I created a volume and field to hold these videos.
So far so good, but whenever I want to output the video in a video tag I'm not ...
1
vote
1answer
79 views
Interpret TWIG's {% js %} as <script> in PHPStorm
Does anyone know how to get PHPStorm interpret {% js %} as <script> for correct syntax highlighting in PHPStorm?
Background: I'am always doing this:
{% js at endBody %}
{% if false %}<...
1
vote
0answers
20 views
Craft 3 entry.author.getPhoto() is coming up null on template, but the author has a photo uploaded in the user > details section, any ideas why?
The site is utilizing a Servd bucket to store all assets. The backend shows a photo successfully uploaded to the user > details section, but does not provide a url in the entry.author.getPhoto(), ...
1
vote
1answer
28 views
Order of {% set %} tags changing output unexpectedly
I have a content builder matrix that I'm looping through to build my page. That code works with no problems.
{% set content = entry.pageBuilder.all() %}
{% for block in content %}
{% include "...
1
vote
1answer
28 views
Load currentUser using Sprig with Blitz
I'm having an issue with Sprig + Blitz Caching. I'm trying to load a user image if currentUser exists, though I'm having an issue with the caching. Sprig is loading in the unregistered user photo when ...
1
vote
1answer
19 views
Output Channel entries on another page with a matrix block
I know im doing something small wrong but I cant see what at this point.
I have a channel called 'testimonialEntries' and I want to randomly output one of these entries on seperate pages. I cant ...
1
vote
1answer
18 views
Maps plugin not rendering
I'm currently trying to implement a Google maps via Maps plugin: https://github.com/ethercreative/simplemap
I'm following documentation entirely, using PRO version of the plugin. In the plugin ...
0
votes
2answers
41 views
Load Entry via Ajax
I'm simply looking to onClick load an entries content via Ajax. Thought I see a lot of mixed answers here on SO, some referring to Element API, Creating a Plugin and GraphQL. Is there a simple way to ...
1
vote
1answer
31 views
Open Entry in a Modal
Unsure how to go about doing this. I'm looking to open a related entry in a modal on the same page. In an area, I have a list of houses. On click, I would like the user to open a modal and load the ...
1
vote
1answer
58 views
Accessing array/object attributes in Twig
There are three methods for that:
object.attribute
object['attribute']
attr(object, 'attribute')
How are these different from each other?
1
vote
1answer
42 views
Output javascript inside twig variable
I am using the Enupal Stripe Payments plugin to pass line items to Stripe. The line items get passed in an array. I want to use a javascript cart to hold the items in local storage, reformat that and ...
1
vote
1answer
18 views
Display Count of Entries posted today
I'm trying to display a notification badge on how many new entries were posted today only. But I cannot get the following to work.
{% set timeAgo = now|dateModify('today') %}
{% set ...
1
vote
1answer
28 views
Google Maps plugin - How to trigger an info window
I'm migrating Smart Map over to the Google Maps plugin, and I want to open a popup on button click. But it seems there is no JS method available to open an info window.
Here's how it was done in Smart ...
1
vote
1answer
14 views
Front End Entry Form - Proper Syntax for Custom Fields
I'm working on a front-end entry form with custom text input fields. From the Entry Form knowledgebase docs, I read "Any custom field handles must be provided in a fields[] array like body is ...
1
vote
1answer
19 views
How can I make an entries query based on currentUser is author or relatedTo currentUser
My project requires a notifications area. I want to list all notification entries that were created by currentUser or sent to currentUser.
I can do created by = craft.entries().section('thename')....
1
vote
3answers
27 views
Stop specific Twig template from rendering anything
If i want specific template to stop from rendering anything, I use if:
{% if something %}
HTML markup...
{% endif %}
This however requires wrapping whole Template in if which is not ideal for ...
2
votes
1answer
22 views
Loop over query results in a macro
I have a macro for form fields, including select:
{% macro select(name, options) %}
<select name="{{ name }}">
{% for key, value in options %}
<option value="{{ key ...
1
vote
2answers
38 views
Twig Format Number Filter not working
Twig docs include a format_number filter, as of ver 2.12
My install shows Twig at ver 2.12.5, so should work, but throws a Twig Syntax Error: Unknown "format_percent_number" filter.
This ...
0
votes
0answers
62 views
Why is my base installation of Craft 3 so slow on Azure App Services?
I am evaluating a few different CMS solutions for my company's new website. Everything about Craft looks great according to my research. After installing version 3 onto an Azure App Service Linux ...
0
votes
0answers
14 views
CSS and JS tags with custom version parameter
When using {% css '/path/to/file.css' %} craft adds a v= query parameter by itself so that it comes out like this:
<link href="/path/to/file.css?v=1612895916" rel="stylesheet"&...
0
votes
0answers
11 views
Working with content of HTML <meta> http-equiv Attribute in extending main layout template
I am extending the meta of my main layout template in one page only, utilizing the technique explored in some depth here.
How do I add an HTML block from template extension to main layout template? (i....
1
vote
1answer
18 views
JS tag is adding semicolons to my content
I'm trying to output matrix content to create a javascript for my gallery. When I wrap the output with the {% js %}tag each line has an extra semicolon at the end like this:
{ "src": "/...
0
votes
0answers
27 views
Cache not working
I'm having troubles with my site being super slow. It seems like caching isn't working. When I upload the site to a different server, everything seems fine.
When I empty the template cache and load ...
0
votes
0answers
40 views
Email template error
In the logs, I have this error:
2021-02-01 18:00:04 [-][-][-][error][craft\commerce\services\Emails::sendEmail] Email template parse error for email “Order Submitted”. Order: “123456”. Template error:...
2
votes
2answers
58 views
How to modify the login panel
how can i modify the login html?
I specifically want to add an image below the title.
2
votes
1answer
16 views
Query entries posted in the past month
I’m trying to show only entries for the created in the last month. I’ve taken this from the example in the docs but it ends up showing nothing. There’s 100% entries with a postDate in the last month.
...
0
votes
0answers
30 views
WebP transform >> AssetTransformException: Failed to generate transform with id of X
I'm trying to transform some images on my site from JPG to WebP.
However, I am having a problem to do so on my production site. I get this error:
2021-01-27 16:13:40 [-][-][-][error][craft\errors\...
0
votes
0answers
26 views
How to develop API with TWIG
I want to develop an API within Twig template that will have PDO implementation to get data. My application will be using content through CRAFT.
Is it possible to develop API with TWIG template?
...
1
vote
1answer
43 views
Issue on new craft (craftcms3) setups: vendor Twig can't read system variable
After installing craft through composer, setting up the database and running craft setup, I have a craft application ready to go.
When I go to settings/general, I always get a crash with following ...
2
votes
1answer
33 views
Dynamic URI to load entry template
This may be asking the impossible, but I'm trying to do the following:
Say I have 3 channels, Country, Region, and Town. Town has an entry field to select a Region, a Region entry has a field to ...
0
votes
0answers
33 views
Why aren't my images displayed on the homepage
Our homepage.twig is a section
Our Matrix is called "angebote" (it's german don't ask :D)
We created two entries for our matrix
This is our Code inside the homepage.twig file for including ...
1
vote
1answer
25 views
Entries limited by date range
I'm trying to filter entries on the front end by a date range but no matter what I do I end up with no results, despite there being results in the, temporarily hard coded, date range I am using.
{% ...
1
vote
1answer
31 views
Simple Product Listing Pages by Category Slug
I'm new to Craft and I'm trying to create very basic product listing pages based on Categories and I'm not sure where to start.
First, it doesn't look to me like you can create separate templates for ...
1
vote
0answers
40 views
Creating a modal popup using CraftCMS and Twig
I've been looking everywhere, I'm trying to create a modal using a global but I can't seem to figure out where to start.
JavaScript:
$popUp = new Garnish.Modal($('#popUpModal('),
$popUp.show(),
$popUp....
1
vote
1answer
57 views
Custom sort order?
I have a page that displays musicians grouped by their musical instrument. I am outputting them grouped by instrument, but I have been asked to sort the instrument groups by a custom order specified ...
1
vote
2answers
22 views
Change order content blocks home page
Good afternoon, I was wondering to what extent you can change (the order for example) the existing contentblocks on the pages. Thank you in advance!
1
vote
1answer
18 views
How to get values into twig template for fields of type Matrix in Craft CMS 2?
CMS: Craft CMS 2
In my admin panel I have globals set called X (under "Globals" from the sidebar and defined in craft_globalsets in the db from Global->Settings->New global set).
A ...
1
vote
1answer
22 views
Relative Asset URL
I'm looking to output the relative URL of my assets instead of the full URL with domain for my Imgix config. As imgix puts it in their docs:
http://www.yourcompany.imgix.com/images/examples/pic.jpg
...
1
vote
1answer
100 views
How to include external JavaScript in place?
We include an external script from a vendor and the URL doesn't end in .js. It returns JavaScript that creates a widget in place. I was able to fake it out by adding a '&js=.js' parameter but it ...
1
vote
2answers
68 views
How to get an input value without refreshing with twig?
One way to read a dynamically inserted value is to refresh the page and get it in a twig variable through the url, something like this:
{% set amount = craft.app.request.getQueryParam('amount') %}
...
1
vote
1answer
20 views
Getting an asset Url from an entry loop into a meta tag
I found it pretty straightforward to get something like dynamic page titles working by setting a variable at the template level and pulling that into my site's meta tags:
My _layout.twig:
<head>
...
1
vote
2answers
63 views
Getting blocks from matrix and injecting them throughout a page, NOT a single loop statement
I have a matrix field that allows the user to add little 'designed' features throughout the page.
These are placed in certain positions on the page and so I want to loop through these but because they ...
0
votes
0answers
21 views
Freeform - Alternate Success Markup after AJAX Submit
Regarding Solspace Freeform: I want to have a custom message when submitting a form via AJAX. In the docs, there is some JS I used (see below). It works, but I want to know what to replace the code ...
1
vote
1answer
95 views
Is there any way to code multiple lines in a twig file?
Instead of using:
{% ... %}
{% ... %}
{% ... %}
For each line, i'd like to know if there is a way to do something like:
{%
...
...
...
%}
1
vote
0answers
15 views
Freeform output styling
When rendering the output of a single Star Rating field using the default Flexbox form, the output creates its own styling, overriding what I put in the element it's in... and adds a "float: left&...
1
vote
2answers
57 views
Dynamic Blitz Template not loading currentUser
I have a Dynamic Blitz template with a currentUser if statement within it. For some reason, it's not working and I can't figure out why.
It gets loaded in as follows:
{{ craft.blitz.getTemplate('...
0
votes
0answers
66 views
Help with picking the right template tactic: include, embed, use, macro
I've run up against the limits of includes and macros for the context before me and can't quite get my head round other options such as use and embed, which I've never had need to use before.
I know ...
