By wingalingadingdong on

Hi

I'm trying to figure out how to theme with Zen theme.
I have a good view on the theming methods so far but what if I want to add or move a block myself?

There are a few predefined blocks that you can modify but there are also blocks you can't modify.
Like the site's Logo.

So I'm wondering how to move for example the site's Logo and how I can add blocks for example jquery popup containers?

Thanks in advance

D

⋅ Categories: Drupal 7.x

Comments

ayesh’s picture

ayesh commented

Logo placement is set in page.tpl.php file in your theme's folder.

Most Jquery effects can be added from a module or you can embed them in the theme. Fir an example "back to top" motion-ease effects are better to exist in tye theme because no customization needed.
But for popups, form elements, etc, have a look at modules repo. You will find many good modules.

What's new and changing in PHP 8.4

wingalingadingdong’s picture

wingalingadingdong commented

Hi thanks for the reply.

If I look into the page.tpl.php file the footer is not editable.
The footer is being generated by this line print render($page['footer']);
so I can't really put the logo in the

wingalingadingdong’s picture

wingalingadingdong commented

I've tried creating a new block and placing these lines of php:

<?php if ($logo): ?>
  <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a>
<?php endif; ?>

But then I get an error saying I can't access the $logo variable:
Notice: Undefined variable: logo in eval()

Now I could just write code in a new block that points to the image but that would make drupals backend useless for changing the site logo. So I was wondering what the best practice is for these types of situations?

ayesh’s picture

ayesh commented

Why don't you add this code in the DIV of footer? It will look like a part of the footer. You will have to remove the DIVs in the above PHP code though.

What's new and changing in PHP 8.4

progpapa’s picture

progpapa commented

If you want to keep the code in a block (easier to move to a different region), than this might do trick:

<?php
$logo = theme_get_setting('logo');
$front_page = variable_get('site_frontpage', 'node');
<a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a>
?>

You don't need to wrap it with an if statment.

wingalingadingdong’s picture

wingalingadingdong commented

Hey thanks progpapa that's exactly what I needed
I did however added the if-statement because if I tick of the logo in my backend I get an error.

So just to be save and align with drupals backend I've added this modified code of yours

<?php if ( $logo = theme_get_setting('logo') ) :
$front_page = variable_get('site_frontpage', '/'); ?>
<a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a>
<?php endif; ?>
progpapa’s picture

progpapa commented

If you want to use template files:

- create a new file: region--footer.tpl.php and copy/paste the content of the region.tpl.php file (these two files should be in the same folder)

- copy the following code from page.tpl.php to region--footer.tpl.php:

<?php if ($logo): ?>
      <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a>
<?php endif; ?>

(place it just below the <div class="<?php print $classes; ?>"> line)

- in your template.php file add the following two lines to the zen_preprocess_region function:

$variables['logo'] = theme_get_setting('logo');
$variables['front_page'] = variable_get('site_frontpage', 'node');

- clear the cache

Most likely you're using a subtheme, so you should create/modify the template files in your subtheme.

Hope that works for you.

wingalingadingdong’s picture

wingalingadingdong commented

I've learn 2 more things from this comment so thanks for the second method.

If I can define variables that would make my newly added block valid:

<?php if ($logo): ?>
      <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a>
<?php endif; ?>

Which would be considered best practice?

progpapa’s picture

progpapa commented

If the only reason for enabling the PHP filter module is to use this block, than I'd probably look for some other solution:

- either put the code in a template file and use a preprocess function to define the variables
- or write a simple module that creates the block (I'd prefer this one)