Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

instrstructions for creating a multi column footer comprised of links

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Dear Paul et al.

I am looking for some documentation on your website about how to build a multicolumn footer with columns of links..

So I looked for documentation on the Newstream2 template because it has a footer like that but found no documentation about how to build one.

Or is it just a custom module

with a bunch of lists like this mark up:

<ul>
<li>Origin Story</li>
<li>Meet the Team</li>
<li>New additions</li>
<li>Want to work with us</li>
</ul>

Thanks for your help. I am having a little more luck than this morning with the Media template.

Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Elizabeth,

Depends on how you structure your menu

When I've done this - www.micronfog.com/ one example

I've used menu modules
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
With the links you may need to use aliases if you need to duplicate links that are already in the main menu

That is what I used in the example above
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Are you familiar with how to use the Joomla alias link type?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hello Paul,

Oh dear. Me again. are you sick of me yet?

No I do not know how to use aliases, (and some of the links are the same as in the main menu)

but right now I have another problem also.

There must be an easier way! Please see the attached image.

I spent hours trying to code a multi-columned footer with links.

It works out as one custom module in the module window

But when I look at it in the footer on the front end of the site some
lines in the lists do not appear on the proper line. Is there something that Joomla or the template position is doing that is causing this do you think?

And do you have any suggestions?

oasiswebdevelopment.com/Medica/index.php

Thank you so much as always.

Elizabeth

mustbeaneasierway.jpg
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Elizabeth,

There are two different ways I would do this

1. create new menu modules using the alias link type to duplicate links if on the main menu

and then simply assign to module positions
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
2017-07-09_02h04_03.png


this works by pointing an existing link on a menu

Works great but break the main menu link and this breaks also

Using alias link type avoids duplicate links
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 6 years 9 months ago by manh.
The administrator has disabled public write access.
The other option would be using modules and using the Shortcode syntax

Given you've spent a lot of time added links manually I'd use this method

I'd remove any inline styling like floats, widths etc

docs.joomlabamboo.com/zen-grid-framework-4/theme/shortcodes/grids

e.g. so it creates 4 columns

{zen-row}{zen-3}{/zen-3}{zen-3}{/zen-3}{zen-3}{/zen-3}{zen-3}{/zen-3}{/zen-row}

Try this way and see how it looks

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thank you Paul,

I finally managed with the layout using the Zen Shortcode Grid Layout that you recommended.. However, it did not work with the list syntax. Instead I had to use a succession of <br /> tags... here is the page

oasiswebdevelopment.com/Medica/

I have not done anything with aliases yet..

Thank you so much and on to another query.

Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
I'd do it like this

<ul>
<li><a href="#">ABOUT ISAC</a></li>
<li><a href="#">Blurb on ISAC</a></li>
<li><a href="#">Terms and Privacy</a></li>
<li><a href="#">About Site</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Site Map</a></li>
</ul>

for the first shortcode syntax block
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Replacing # with your links

and adding this to the custom css file

#footerwrap ul li {display: block;text-align: left;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
by adding the block you are forcing the li element to be on one line

the text align stops it being centered

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers