Posts

Showing posts with the label Drupal 9

Print Taxonomy Term Url with list

  {% for item in node . field_category %} <a href = "{{ path( 'entity.taxonomy_term.canonical' , { 'taxonomy_term' : item . entity . tid . value }) }}" > {{ item . entity . name . value }} </a> {% endfor %} Reference: https://www.drupal.org/forum/support/post-installation/2016-04-19/getting-url-of-taxonomy-term-page-from-twig-template

Add jQuery Date picker with month and year selection and a fix starting date

Image
  Today, I have learned how to add a jQuery date picker in Drupal 9 theme. I am going to share the steps and codes here.  Steps:  1. Add jquery library to your drupal 9 theme 2. Create a jquery file for  jQuery date picker 3. Apply custom css code to customized your needs. 4. Attach library to theme file 5. Add the date picker to bootstrap 5 form Dependencies:  jQuery jQuery Date Picker JavaScript Bootstrap 5 Drupal 9 Step 1:  Attach files to the theme's library for Drupal: Open your themes libraries.yml file and put the following code:  datepicker :   version : VERSION   css :       theme :         assets/custom/datepicker/datepicker.css : {}   js :       //code.jquery.com/jquery-3.6.0.js : { type : external }       //code.jquery.com/ui/1.13.1/jquery-ui.js : { type : external }       assets/custom/datepicker/datepicker.js : {} Step 2:  Create a JavaScript file as linked in libraries: ( assets/custom/datepicker/datepicker.js) and put the following jQuery codes: $ ( function () {

PHP redirect from http to https and www to non-www in Drupal 9

settings.php  Go to sites/default/settings.php add the following lines in the top of the file below <?php  if ( (! array_key_exists ( 'HTTPS' , $_SERVER )) && (PHP_SAPI !== 'cli' ) ) {   header ( 'HTTP/1.1 301 Moved Permanently' );   header ( 'Location: https://eduvai.com' . $_SERVER [ 'REQUEST_URI' ]);   exit (); } // Remove www if ( $_SERVER [ 'HTTP_HOST' ] == 'www.eduvai.com' ) {   header ( 'HTTP/1.0 301 Moved Permanently' );   header ( 'Location: https://eduvai.com' . $_SERVER [ 'REQUEST_URI' ]);   exit (); }

Enable Theme Debug in Drupal 9

services.yml Navigate to  \sites\default create a the file sites/default/services.yml from sites/default/default.services.yml set the parameters as follows: parameters: twig.config: debug: true auto_reload: true cache: false settings.local.php  Navigate to / sites/ Make a copy of   example.settings.local.php   and rename it to   settings.local.php Locate the following lines and uncomment # $settings['cache']['bins']['render'] = 'cache.backend.null'; # $settings['cache']['bins']['page'] = 'cache.backend.null'; # $settings['cache']['bins']['dynamic_page_cache'] = 'cache.backend.null'; settings.php Navigate to  sites\default Open  settings.php  and search for ' local.php ' You should then find the following code block if (file_exists($app_root . '/' . $site_path . '/settings.local.php')) { include $app_root . '/' . $site_path . '/settings.local.php'; }