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 😀

[@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.

[@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! :)

[@phamthuan5397]

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

[@amareshdhanavantri2782]

One of the best tutorials for Drupal theming

[@WatchandLearnTutorials]

Thanks 😀

[@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...

[@JatinBhatti]

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

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

[@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.

[@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.

[@danielkacou5891]

thanks you too much for this lesson

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

[@laranadesign4764]

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

[@elo1000sah]

Vrlo korisno, hvala Ivane.

[@stephanegillot8417]

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

[@sinouhefouqueau1844]

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

[@amjadhani8929]

Thanks IVAN. Very informative

[@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.

[@jordygrunn157]

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

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

[@swalifna_alholwa]

Thank you!

[@WatchandLearnTutorials]

You are welcome ;)

[@mauritja00]

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

[@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!

[@backo5004]

Timestamp for the code to enable twig debugging 12:10

[@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.

[@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?

[@adilmourahi]

Very important. Thank you

[@negrescudaniel3418]

Thanks, nice tutorial, nice explained.

[@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. ???

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

Thank you for your lessons.

[@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! :)

[@jessielynkaye7920]

Great tutorial! Thank you!

[@nilsbremke4944]

Hey Ivan, no problems today.

[@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...

[@vegidio]

Thanks for the tutorial, mate! Cheers

[@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!

[@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.

[@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?

[@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.

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

[@danielhadzhiev6811]

GREAT TUTORIALS!

[@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.

[@termi05]

great tutorial!

[@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! :)

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

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

[@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]

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

[@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?

[@BneiAnusim]

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

[@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.

[@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?

[@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!

[@TechVlogger00]

It works great! thanks :)

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

[@DamjanPavlica]

Hvala care!

[@119mastermind]

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

[@Bobbydigital56]

well done.

[@benneng76]

cool!!!Thank you

[@joshuakincheloe]

looks like they fixed the cache.backend.null error

[@damjanradev2964]

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

[@imomer]

👍 Keep it up

[@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 ^_^

[@BryanBowersDesign]

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

[@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.

[@TheDron84]

'auto_reload' instead 'auto-reload'

[@golubovicm]

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

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

[@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?

[@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]

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

[@adityakrishnan7414]

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

[@anirudhnegi6087]

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