Drupal 8 Theming - Part 02 - Disable Cache, Enable Twig Debug

[@krishnashakya2858]

For those who are struggling for configuring caching for Drupal 8.4.4 - Just copy the example.settings.local.php which is located outside of the files folder into files folder with settings.local.php - uncomment $settings['cache']['bins']['dynamic_page_cache'] = 'cache.backend.null'; - Again, uncomment $settings['cache']['bins']['page'] = 'cache.backend.null'; It will work perfectly fine wether you are logged on or logged off

[@WatchandLearnTutorials]

Hehe, checkout the pinned comment for this video :). But thanks anyway.

[@WatchandLearnTutorials]

@@BrandonWingerAir Pinning it now. Thanks.

[@bobbyryandra]

Thank you very much, it work for me... and many thanks for Ivan

[@lutherkarper1879]

This is a thousand times better than any other free tutorials that I've come across! Thank you!

[@WatchandLearnTutorials]

Thanks! 😃

[@parijke]

One of the best tutorials.... clear to the point and covers things that others doesnt. I am a fan already

[@WatchandLearnTutorials]

+Paul Rijke Thanks :).

[@gentrysim8971]

I agree. I did a lot of theming in Drupal 7 with Omega.

[@jeremyantoine2611]

Ivan, this is fantastic! I have already done 3 other "Theming with Drupal 8" tutorials, and they basically all ended where your second video ends. I am extremely happy to see that you have so much more content to go. I am Brand-new to Drupal and you have turned a nightmare of finding adequate help in Drupal 8 theming, into a dream!!!! Thank you!

[@WatchandLearnTutorials]

Great, I'm glad you like the videos. But making this series has turned me off Drupal completely. I don't use it anymore, and hope I will never have to use it again. So keep that in mind :) .

[@stefanosgkikas2077]

@@WatchandLearnTutorials In drupal 10 and above all this work is only two clicks from configuration panel. Thanks Ivan. This is by far the best tutorial I have ever seen.

[@WatchandLearnTutorials]

@@stefanosgkikas2077 Glad this is still helping people with Drupal after 8 years 😀

[@amareshdhanavantri2782]

One of the best tutorials for Drupal theming

[@WatchandLearnTutorials]

Thanks 😀

[@alexisteo9458]

Sorry for the previous comment that I found the folder. Your video is the best step-by-step so far. And I love how to put them in order and meanwhile you explained the why.(I love it.) Thank you so much for your great work.

[@phamthuan5397]

I'm a Drupal beginner and your tutorials is very clear for me. Thanks a lot :)

[@carlosapariciodesan]

Thank you very much for your tutorials about Drupal 8. I've been working with previous versions, but Drupal 8 has a lot of new concepts and techniques, you explain perfectly and didactically! Keep on going! :)

[@vinaykumarg2423]

Awesome man !! I really appreciate your efforts of research for the video, I was annoyed by this problem of clearing cache every tym, finally found the solution, keep up the good work :)

[@billk486]

I can't believe you have to do all this just to disable caching. Drupal really making a great case for using Wordpress.

[@CJGilliam]

Bill K , WordPress makes a great case for using smoke signals!😜

[@RehanAhmad1]

use the drupal procedure abov and also refer the issues: www.drupal.org/node/2787587.. You will be able to do it bro...

[@NickHope]

11:04 Be careful here. In later Drupal (e.g. 8.4.0) there is already a "parameters" section in sites\development.services.yml, so the 4 new lines have to go in there, above the "services" section.

[@ZAaaaaaaqg7uz]

Thanks..This was helpful

[@137lewis137]

Thank you! Great spot

[@talibsmiler8429]

only if i would have read your comment earlier.1 hour lost. thanks btw

[@JatinBhatti]

hello Ivan, you helps me alot to understand the drupal 8 theming structure Thank you All the best. :)

[@NickHope]

12:20 To see this console in Firefox (I'm on Windows), press CTRL+SHIFT+K and then click "Inspector" near the top left.

[@HarryPujols]

Unbelievable that you have to go through so many hurdles to have a developer-ready environment to work in Drupal 8.

[@gregarmstrong3496]

Agreed. I've been using Drupal 7 for years and am trying out 8 now. I've never come across a CMS that fights you so hard. It's almost like they don't want you to use it...

[@jeremyheminger6882]

You could always write some programs to automate these tasks. I wrote this to backup and upgrade Drupal 8. I plan to write something to automate this task in bash next. github.com/061375/drupal-upgrade

[@timvanhalewyck3370]

Can't you just use Drupal Console and drupal site:mode [arguments]?

[@Kaneda0015]

If you are using Lando. You have to do Lando rebuild after you changed all the settings. /core/rebuild.php doesn't work.

[@AndriLindbergs]

Brilliant! Following this video saved me a few hours of searching the web. Thanks. Very well done! I'm a fan already :)

[@sbarmiueenl]

This is extremely useful. Thank you so much for sharing

[@djwave28]

In drupal8.5 it all seems a lot easier. By just copying the default.services.yml to services.yml and turn on the twig:debug, the auto reload is automatically turned on. So that saves going through all the steps explained in this video. Thank goodness, because it is a great video but a hassle for all these steps.

[@jorgemontoyab]

This is really great stuff! Thank you for the concise explanation.

[@laranadesign4764]

13:06 Theme Debug is not working on AWS Lightsail. Looking online for a fix because this looks pretty crucial to dev.

[@NickHope]

08:05 I couldn't save the file (Windows 10, Drupal 8.4.0). The attributes on the file were ra-----. I attempted to change through file Properties > Security but failed, despite being the admin of my PC. Finally pasted the contents into a new file on another drive, renamed it to settings.php, then was able to drag it to overwrite the original sites/default/settings.php. The attributes on the file are now -a-----. Not sure why I couldn't save that file and it seems everyone else can. I guess it might be a security risk if I forget to change it back on the production site?

[@stephanegillot8417]

Thank you so much. Best theming tuto. keep up the good work !

[@jordygrunn157]

Thank you for the tutorial, this helps me a lot.

[@elo1000sah]

Vrlo korisno, hvala Ivane.

[@amjadhani8929]

Thanks IVAN. Very informative

[@backo5004]

Timestamp for the code to enable twig debugging 12:10

[@sinouhefouqueau1844]

thanks a lot for this clear tutorials very very very good job ! Continue please I'd like to improve myself in drupal ;)

[@dejanprogtrens]

best tutorials for drupal8 theming , tnx man :) also have 2 question . First can you give me direction how i can make website layout from given wireframe (will be my first project so dont know where to start). And second which sublime theme are u using :) its awesome

[@negrescudaniel3418]

Thanks, nice tutorial, nice explained.

[@sweet.rawana]

Great tutorials.. I hope you will make more videos about drupal 8.. but if I have a question where can I ask you? thank you! :)

[@mega1meyers]

I think the Drupal guys were watching because the error @8:15 appears to be resolved. I'm running Drupal 8.2.3

[@FTLOBeats]

im on 8.2.5 and I did get an error here

[@FTLOBeats]

nevermind i forgot to remove the '#' where the bracket was..

[@jeremyheminger6882]

I was just about to post this.

[@bazaloo]

Thanks Ivan. Loving these videos! The disable of the cache only works when I'm logged in as admin. Whenever I log out and make changes to page.html.twig then refresh the page, the changes aren't reflected. You're video demonstrates the same thing so I think I'm on the right track but shouldn't it work all the time, whether or not I'm logged in?

[@ШураШу-г1о]

Great drupal 8 research!

[@danielkacou5891]

thanks you too much for this lesson

[@kramelCase]

The settings.local.php methode, for disabling cache and enable twig debug don't work anymore, i had to use the last methode in this video, copy the file default.services.yml and rename it services.yml (in the default folder), and then modify the settings in this file.

[@jessielynkaye7920]

Great tutorial! Thank you!

[@mauritja00]

Do we still have to disable the cache in drupal 9 or id there a more streamlined way of doing it?

[@vegidio]

Thanks for the tutorial, mate! Cheers

[@paulvreeland6763]

As soon as I disabled the cache and run a rebuild I get a "Warning: Invalid argument supplied for foreach() in Drupal\Core\Extension\ThemeHandler->addTheme() (line 125 of core\lib\Drupal\Core\Extension\ThemeHandler.php)." error. ???

[@medhatayar7863]

I am also facing same issue like Dane Paul. The disable of the cache only works when I'm logged in as admin. Whenever I log out and make changes to page.html.twig then refresh the page, the changes aren't reflected

[@sushmithakittu4039]

Hi, I have the same issue.

[@HoaTruong7x]

I put the twig file into /sites/customTheme/templates/page.html.twig, then "clear cache" then it works!

[@nicolasbouteille]

Same problem here and Disabling Dynamic Page cache does not solve it for anonymous users...

[@JoachimBerlioz]

Thanks Ivan, it's very helpfull!!

Great tutorial. In Drupal core 8.3.2 uncomment the line $settings['cache']['bins']['dynamic_page_cache'] = 'cache.backend.null'; in the file settings.local.php

[@pioleonardo]

Hi, Thank you for this wonderful tutorial however, I have some issues on my Drupal project. I named my front page as page.html.twig and it's working fine AND naming the template(for other pages) html--node--%.html.twig [as per suggestion] also works BUT css and js are not loaded. I hope you understand what I am saying. Help is much appreciated.

[@crooker2]

Thanks for this. I've always found Theme Caching annoying in development. I wish they would make this simpler (a simple on-off configuration switch) or add a cache clear button to the admin bar (like in Drupal 7's Admin Toolbar module). I'm still a bit unclear about how to restore caching back to normal and the relationship between development.services.yml, default.services.yml and services.yml (When you use them, and why)... but I'll get it. Thanks Ivan!

[@nilsbremke4944]

Hey Ivan, no problems today.

[@РамильХуснутдинов-ш6с]

Thank you for your lessons.

[@johncaseyfrane6977]

Can't you just use drush here and just clear specific things that you need? Or you can the dev mode on drupal right?

[@adilmourahi]

Very important. Thank you

[@XFDW]

i have a question. If the twig debugger is responding and I'm seeing that it is on (indicated by the green text in the chrome developer tools panel) but it is not refreshing... What could I be doing wrong? I even toggled the development.services.yml twig.config: debug from true to false to see if it would turn off and it did not until I went into the performance > clear cache process. Anyone with any help? I did however find that "/rebuild.php" acts the same way without having to go into the backend of drupal. But to follow along with the tutorial, what should I be doing to correct this issue?

[@danielhadzhiev6811]

GREAT TUTORIALS!

[@bengareth]

Hello, in Drupal 9 I have Drupal\Core\Asset\Exception\IncompleteLibraryDefinitionException: Incomplete library definition for definition 'dependencies' in extension 'manifesto' in Drupal\Core\Asset\LibraryDiscoveryParser->buildByExtension() (line 116 of core/lib/Drupal/Core/Asset/LibraryDiscoveryParser.php). " and I don't have a clue how to resolve any ideas please? Thanks

[@WatchandLearnTutorials]

I don't know. Haven't used Drupal in 6 years, so I have no idea. Never even installed Drupal 9. Sorry.

[@119mastermind]

core/rebuild.php does not remove the error for me (im on drupal 8)

[@totnorbi]

can I ask what theme are you using for your sublime editor? :) looks sooo neat

[@WatchandLearnTutorials]

+kertislagg I think it's Material-Theme-Darker and color scheme is Material-Theme-OceanicNext . But who knows, I change those often.

[@totnorbi]

Watch and Learn that's it! ty so much! :)

[@termi05]

great tutorial!

[@damjanradev2964]

it doesn't work for me, even when i do the rebuild.php it still shows that error

[@TheDron84]

'auto_reload' instead 'auto-reload'

[@joshuakincheloe]

They also changed all css files to @imports instead of . Weird or cool?

[@RayvenUK]

Great tutorial series, just what I needed to give me a jump start, but I'm struggling with the disabling of the cache. I've followed your instructions for the settings.local.php and settings.php files very carefully, double checked what I've done, and even restarted from scratch. I've also followed the instructions at www.drupal.org/node/2598914 And I've run the core/rebuildphp.php file as well However any changes I make I still have to log in and clear the cache. Any idea what I might have done wrong? Or pointers as to what to look for to set me straight? Thanks

[@RayvenUK]

Sorry, mistype there, I meant core/rebuild.php

[@chees720]

@@RayvenUK I also have this problem, have you figured it out?

[@RayvenUK]

Sadly I never did and I eventually gave up. Sorry, wish I could have delivered good news

[@khaledalsamman53]

I followed this tutorial everytime i want to create a custom theme. Now i am facing an issue. the debugger was working perfectly till recently, i added a second custom theme for my admin side and since then the debugger stopped working T_T. I am running Drupal 9.3 but its pretty much the same way to configure it have anybody faced such issue?

[@jonahelub]

hello, tried to follow this tutorial all was going well until the rebuild part i got an error which does not seem to go away, any assistance will be appreciated. Warning: Invalid argument supplied for foreach() in Drupal\Core\Extension\ThemeHandler->addTheme() (line 125 of core/lib/Drupal/Core/Extension/ThemeHandler.php).

[@WatchandLearnTutorials]

Did you check comments on this page? Maybe someone has found a solution. I personally have no idea. Haven't used Drupal in about 6 years. Sorry.

[@jonahelub]

@@WatchandLearnTutorials not yet but let me try to run through the comments. thank you for the reply

[@killamorriz]

great tutorial but i think am gonna stick with 7 till 9 comes out...this is too much to get it ready for theme development

[@TechVlogger00]

It works great! thanks :)

[@augustofagioli]

What about multisite? Looks like is not working for sites/mywebsitename (not interested in /default)

[@WatchandLearnTutorials]

No idea, haven't used Drupal in almost 3 years. Also I think I never made a multisite with it.

[@augustofagioli]

@@WatchandLearnTutorials I understand there's no way to disabel cache on multisite. I belive it really should.

[@joshuakincheloe]

looks like they fixed the cache.backend.null error

[@BinnenvaartinBeeld]

rebuild.php is now /core/rebuild.php

[@WatchandLearnTutorials]

+Nachtfotograaf Thanks for the update. I will put annotation in the video to reflect that.

[@BinnenvaartinBeeld]

+Watch and Learn you're welcome.

[@swalifna_alholwa]

Thank you!

[@WatchandLearnTutorials]

You are welcome ;)

[@phoenixofchaos2]

Hey mate, do you have any idea how to print field attributes in your theme? I've tried {{ content.field_icon['#item'].alt }} but it doesn't work. See imgur for kint() output. imgur.com/a/yTiU3

[@BryanBowersDesign]

none of the methods in video or comments has worked for me in drupal 8.8.1

[@alexisteo9458]

I have a problem to save settings.php after I uncomment if (file_exists(__DIR__ . '/settings.local.php')) { include __DIR__ . '/settings.local.php'; } unable to save. operation not permitted. How could I do that? PS: I solved it with using another text editor which allows the settings.php to be overwritten. :)

[@crooker2]

Windows? Mac? Linux? Make sure the file is not set to READ ONLY (or chmod permissions). I think it's set to read only by default.

[@_oh_johny]

1) chmod 666 settings.php 2) Edit file 3) chmod 444 settings.php

[@alexisteo9458]

thank you ^_^

[@BneiAnusim]

development.services.yml didn't work for me but renaming default.services.yml to services.yml did the trick. Thank, very nice tut!

[@scottlawless8854]

And Drupal 8 is supposed to be more efficient how? Sorry, but much like the abortion that is Commerce, it seems that 8 is frankly not worth the time nor the effort. We'll run 7 until it dies and bid our ado to Drupal. The last thing we want is our customers going to WP and I'm pretty certain that this will drive them straight to it. Good on you Ivan for going through this mess and trying to help others begin to understand it. You have my utmost respect sir!

[@WatchandLearnTutorials]

This will be a rare occasion that I respond to Drupal series comments lately, because I've grown very sick of Drupal by the end of this series, so I get your point. I really have a much lower opinion about Drupal after making this series, and I don't use it at all any more. If you want some alternative to Drupal and don't like WP maybe checkout my October CMS series. October is very developer frendly, based on Laravel framework and is also user frendly so your clients would love it too.

[@scottlawless8854]

It's a shame honestly. Drupal had a good thing going but when 8 rolled out requiring five times the baggage, we were pretty much done. It's all about speed and rank, two things that baggage will never allow. Thank you for the reply and I will certainly jump over to your October series. Count me subscribed as well. You're doing great work Ivan, keep it up and don't lose your sanity over it lol. We need more teachers like you that share it like it is with common sense approach. Seasoned developers tend to lose the ability to explain things in detail with the understanding that not everyone watching is quite as experienced to skip past the critical pieces (I'm a bit guilty of that myself)...ie, where to put the files ;) Thanks again!

[@imomer]

👍 Keep it up

[@AlainMartini]

Thank you! Great Tutorials! you can also put all the local configs in the folder sites/d8theming.dev/ so drupal will distribute them when you access the d8theming.dev url and then you can leave folder with /sites/default for the production site.

[@DamjanPavlica]

Hvala care!

[@alexisteo9458]

Notice: Undefined offset: 1 in Drupal\Core\Asset\LibraryDependencyResolver->doGetDependencies() (line 53 of core\lib\Drupal\Core\Asset\LibraryDependencyResolver.php). Notice: Undefined offset: 1 in Drupal\Core\Asset\AssetResolver->getCssAssets() (line 133 of core\lib\Drupal\Core\Asset\AssetResolver.php). I had two errors after everything set in place.

[@gregsusan6424]

I am having these errors, I have reworked the tutorial a few times and auto reload does not work, when I manually clear the caches I get these errors, any ideas what could be causing this? Warning: Invalid argument supplied for foreach() in Drupal\Core\Asset\LibraryDiscoveryParser->buildByExtension() (line 146 of core/lib/Drupal/Core/Asset/LibraryDiscoveryParser.php). Drupal\Core\Asset\LibraryDiscoveryParser->buildByExtension('MM_theme') (Line: 87) Drupal\Core\Asset\LibraryDiscoveryCollector->getLibraryDefinitions('MM_theme') (Line: 66) Drupal\Core\Asset\LibraryDiscoveryCollector->resolveCacheMiss('MM_theme') (Line: 149) Drupal\Core\Cache\CacheCollector->get('MM_theme') (Line: 44) Drupal\Core\Asset\LibraryDiscovery->getLibrariesByExtension('MM_theme') (Line: 58) Drupal\Core\Asset\LibraryDiscovery->getLibraryByName('MM_theme', 'global-css') (Line: 54) Drupal\Core\Asset\LibraryDependencyResolver->doGetDependencies(Array) (Line: 31) Drupal\Core\Asset\LibraryDependencyResolver->getLibrariesWithDependencies(Array) (Line: 104) Drupal\Core\Asset\AssetResolver->getLibrariesToLoad(Object) (Line: 116) Drupal\Core\Asset\AssetResolver->getCssAssets(Object, ) (Line: 315) Drupal\Core\Render\HtmlResponseAttachmentsProcessor->processAssetLibraries(Object, Array) (Line: 161) Drupal\Core\Render\HtmlResponseAttachmentsProcessor->processAttachments(Object) (Line: 94) Drupal\big_pipe\Render\BigPipeResponseAttachmentsProcessor->processAttachments(Object) (Line: 45) Drupal\Core\EventSubscriber\HtmlResponseSubscriber->onRespond(Object, 'kernel.response', Object) call_user_func(Array, Object, 'kernel.response', Object) (Line: 111) Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch('kernel.response', Object) (Line: 191) Symfony\Component\HttpKernel\HttpKernel->filterResponse(Object, Object, 1) (Line: 173) Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 68) Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 57) Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 47) Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 106) Drupal\page_cache\StackMiddleware\PageCache->pass(Object, 1, 1) (Line: 85) Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 47) Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 52) Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 23) Stack\StackedHttpKernel->handle(Object, 1, 1) (Line: 693) Drupal\Core\DrupalKernel->handle(Object) (Line: 19) Warning: Invalid argument supplied for foreach() in Drupal\Core\Asset\AssetResolver->getJsAssets() (line 253 of core/lib/Drupal/Core/Asset/AssetResolver.php). Drupal\Core\Asset\AssetResolver->getJsAssets(Object, ) (Line: 322) Drupal\Core\Render\HtmlResponseAttachmentsProcessor->processAssetLibraries(Object, Array) (Line: 161) Drupal\Core\Render\HtmlResponseAttachmentsProcessor->processAttachments(Object) (Line: 94) Drupal\big_pipe\Render\BigPipeResponseAttachmentsProcessor->processAttachments(Object) (Line: 45) Drupal\Core\EventSubscriber\HtmlResponseSubscriber->onRespond(Object, 'kernel.response', Object) call_user_func(Array, Object, 'kernel.response', Object) (Line: 111) Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch('kernel.response', Object) (Line: 191) Symfony\Component\HttpKernel\HttpKernel->filterResponse(Object, Object, 1) (Line: 173) Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 68) Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 57) Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 47) Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 106) Drupal\page_cache\StackMiddleware\PageCache->pass(Object, 1, 1) (Line: 85) Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 47) Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 52) Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 23) Stack\StackedHttpKernel->handle(Object, 1, 1) (Line: 693) Drupal\Core\DrupalKernel->handle(Object) (Line: 19)

[@maxgloba_dev]

Your instruction not working! I used www.drupal.org/docs/8/theming/twig/debugging-twig-templates

[@golubovicm]

For creating development environment and disabling caching while developing the theme check on page: www.drupal.org/node/2598914

[@benneng76]

cool!!!Thank you

[@thunderlightningbdo8347]

Wow guys, chill down:D First, install Drupal Console. Then run: $ drupal site:mode dev $ drupal site:mode prod

[@braindrift2735]

It is working with drush too?

[@Bobbydigital56]

well done.

[@TheAnnoyingAsian]

If you're receiving strange errors, this is the full way to disable cache: www.drupal.org/node/2598914

[@corinn123]

Only thing I didn't like is he's not using drush to clear cache. I hate tutorials that aren't using proper tools.

[@alexk7708]

Вот бы ты ещё на русском такие ролики делал)

[@anirudhnegi6087]

in my file it says settings.php file is read-only file and cannot be edited . Please help

[@adityakrishnan7414]

I am using drupal v.8.9 and for me /rebuild.php or /core/rebuild.php isn't working.