Flexible Footer Menu Multilingual [Support Thread]

Flexible Footer Menu Multilingual

Flexible Footer Menu just got better! In collaboration with Design75, we'll be uploading Flexible Footer Menu Multilingual v1.0 today!

This plugin is an addition to Flexible Footer Menu

Features:

* Includes a "1 click" Installation/Maintenance interface
* Saves existing Flexible Footer Menu content
* Supports Multi-Languages
* Supports HTML Editor
* Includes ZC Stock pagination

This is now available via the plugins:

http://www.zen-cart.com/downloads.php?do=file&id=1957

I found a small error in one of the files, and it is also true for the single language version.

In includes/modules/YOUR_TEMPLATE/flexible_footer_menu.php on line 26

$page_query_list_footer[$rows]['id'] = $page_query->fields['pages_id'];

should be

$page_query_list_footer[$rows]['id'] = $page_query->fields['page_id'];

I will try to update shortly, thanks!

I'm working with template westminster new.
Installed this flex footer languages and oh boy, i have to change everything back to what it looked like before :P

Something like this
Attachment #15124

Because I don't know nothing about codes, i don't know how to do that.
I know how to changes the background colors of the boxes and the height from 150 to 250, but i do'nt know how to make it look like the picture above.
Also, te most left box, the page names are next to each other, and in the other boxes the are under each other. How to fix that?

Edit: choose the other language and now every page name is next to each other.

did you copy the stylesheet_flex.css file that came with the add on ??
If you did, replace the stylesheet_flex.css file that came with the template you have installed. I suspect that will solve your problem.

Maybe I understand you wrong, but there is no stylesheet_flex.css file I had to instal for this?

Pompidompie:

Maybe I understand you wrong, but there is no stylesheet_flex.css file I had to instal for this?

Sorry my bad, I didn't look right.

stylesheet_flexible_footer_menu.css came with the add on. delete this file (keep a backup justin case..), and see what happens.

I have tryed that just in case you where talking about that :wink:
That removes al the colors, but also the boxes, so the words stay at the same spot, but everything moves over to the left.

Do you have a link to your site? So i can have a look?

No I don't, i'm working on my computer

The footer in dutch
Attachment #15127

The footer in english
Attachment #15128

See how the words are everywhere? I would like to have them under each other.

Pompidompie:

The footer in dutch
Attachment #15127

The footer in english
Attachment #15128

See how the words are everywhere? I would like to have them under each other.

hmm.. Without a link it is hard to tell, but seeing the pictures my best guess is it is css related.

I would say so too, but I don't know the code names for what makes then line next or under each other.
Am I looking in the right place when I look at the flex-navsupp words?

Stylesheet
[PHP]/*bof footer menu*/
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;border-top:1px solid

#dbdbce;}
#navSuppWrapper a{color:#444;font-weight:normal;}
#siteinfoLegal, #footer-bottom {padding: .5em 0 0;width:100%;line-

height:normal;clear:both;color:#171717;background:#f4f4f4;text-align:center;margin-bottom:30px;font-

size:80%;}
#siteinfoLegal a, #footer-bottom a {padding: 0 0.5em 0 0.5em;color: #171717;white-space: nowrap;}
#siteinfoLegal a:hover, #footer-bottom a:hover {color: #8db9fb;}
#bannerSix {margin-top:0px;padding-bottom:30px;background:#f4f4f4;}
#flex-navSupp ul {margin: 0;padding: 0.5em 0em;list-style-type: none;text-align: center;line-height: 1.5em;}
#flex-navSupp ul li {display: inline;}
#flex-navSupp ul li a {text-decoration: none;padding: 0em 0.5em;margin: 0;color: #666666;white-space:

nowrap;}
#flex-navSupp {display: table; width: 100%; background: #f4f4f4;color:#171717;}
.flexFooterCol {display:table-cell; }
*+html .ezpagesFooterCol {float: left;}/*ie7 hack*/
#flex-navSupp .flexFooterCol a { color: #666564; font-weight: normal;font-size:110%;line-height:25px;}
.flexFooterCol h4 {color: #171717; text-align: left;text-transform:uppercase;font-weight:normal;margin-

left:5px;font-size:160%;}
.ffCcol4 i{font-size:200%;border:1px solid

#8db9fb;padding:10px;background:#8db9fc;color:#fff;transition:background 2s ease;-webkit-

transition:background 2s ease;-moz-transition:background 2s ease;-o-transition:background 2s ease;min-

width:30px;}
.ffCcol4 i:hover{background:#171717;color:#fff;}
#flex-navSupp .flexFooterCol li {display: block; text-align: left;}
#flex-navSupp .flexFooterCol li span {display: block; text-align:center;}
#flex-navSupp .flexFooterCol.ffCcol1 li span.flexFooterColImage {text-align:left;}
#flex-navSupp .flexFooterCol.ffCcol1 {border:0;}
#flex-navSupp a.activePage {}
#flex-navSupp a:hover {color: #8db9fb;}[/PHP]


Stylesheet flexible footer
[PHP]#flex-navSupp ul {margin: 0;padding:0;list-style-type: none;text-align: center;line-height: 1.5em;}
#flex-navSupp ul {display:block;text-align:center;}
#flex-navSupp ul li h4 {text-align:center;}
#flex-navSupp ul li span {display:block;text-align:center;}
#flex-navSupp a.activePage {font-weight: bold;color: #000;}
#flex-navSupp a:hover {font-weight: bold;text-decoration: underlined;color: #000;}
.col {float: left;}

/* Example for styleing individual column blocks */
ul#col_1 {background-color:#FFFFFF;color:#ff0000;height:250px;}
ul#col_2 {background-color:#C0C0C0;color:#ff0000;height:250px;}
ul#col_3 {background-color:#FF00FF;color:#ff0000;height:250px;}
ul#col_4 {background-color:#00FFFF;color:#ff0000;height:250px;}
ul#col_5 {background-color:#FFFF00;color:#ff0000;height:250px;}
ul#col_6 {background-color:#0000FF;color:#ff0000;height:250px;}
ul#col_7 {background-color:#00FF00;color:#ff0000;height:250px;}
ul#col_8 {background-color:#FF0000;color:#ff0000;height:250px;}
ul#col_9 {background-color:#000000;color:#ff0000;height:250px;}

/* Each span represents a columns width */
.span_9_of_9 {width: 10.55%;}
.span_8_of_9 {width: 11.94%;}
.span_7_of_9 {width: 13.72%; }
.span_6_of_9 {width: 16.08%; }
.span_5_of_9 {width: 19.38%; }
.span_4_of_9 {width: 24.35%; }
.span_3_of_9 {width: 32.66%;}
.span_2_of_9 {width: 49.25%; }
.span_1_of_9 {width: 99%; }

/* Changes column width at 768px, changed to be consistent with responsive code */
@media only screen and (max-width: 768px) {
div#flex-navSupp>div>div>ul>li {display: block; text-align:center;}
.span_9_of_9 {width: 98%; }
.span_8_of_9 {width: 98%; }
.span_7_of_9 {width: 98%; }
.span_6_of_9 {width: 98%; }
.span_5_of_9 {width: 98%; }
.span_4_of_9 {width: 98%; }
.span_3_of_9 {width: 98%; }
.span_2_of_9 {width: 98%; }
.span_1_of_9 {width: 98%; }
}[/PHP]

I am still working with the 2 stylesheet from the post above.
I now have the footer the way I like it, but there are 2 things I can't get fixed.

First, the social media buttons, I like them to be centered under the words "volg ons" (follow us)

Then I have a border line above the footer, I know where to make it another color, but what I want is for the footer and that border line, to come together. Other words, the white space removed.

I have chrome elements to know where to look, but still I cant get it done.

Attachment #15156

As Erik stated, it is literally impossible to troubleshoot layout issues with seeing it (a live website), I have both the template and footer files installed and can not duplicate your layout issue.

Pompidompie:

I am still working with the 2 stylesheet from the post above.
I now have the footer the way I like it, but there are 2 things I can't get fixed.

First, the social media buttons, I like them to be centered under the words "volg ons" (follow us)

Then I have a border line above the footer, I know where to make it another color, but what I want is for the footer and that border line, to come together. Other words, the white space removed.

I have chrome elements to know where to look, but still I cant get it done.

Attachment #15156

Ok so I have an EZ page done. I am trying to link it to the footer menu. I have (ez page url) but only the 'page name' shows up. When i click it, it says page not found. In EZ pages, I have all the statuses for the page disabled with all the orders number 0'd out. Obviously that is wrong. So which is right? and thanks for an improved mod over the old footer menu.

also in addition to my first question, does this plugin also affect the ez-pages section in admin? it looks like on the little drop down for editing on the right where it says "Text Editor" ... i only have TEXT now. There is no drop down for HTML anymore. i'm talking about the ez pages section, not the flexible section in admin.

Hi,

I do not know how to align the center of the menu

Can you help me ?

Thx

Attachment #15362

It is literally impossible to troubleshoot layout issues with seeing it (a live website). Please provide a URL

Nightfly66:

Hi,

I do not know how to align the center of the menu

Can you help me ?

Thx

Attachment #15362