Bottom Box Addon

Well I’ve posted my solution for my footer (bottom box) on the forum a few times and it is always a huge pain in the butt trying to explain everything and make sure I actually have all the code.



So instead of answering another post the same way I decided to make my solution into an addon. And, wouldn’t you know it, the addon works great.



This is my first addon, but it seems to work perfect. The files and instructions are there. If there are any problems just let me know.



So this addon basically changes:



This:







To this:







The installation is pretty simple, just copy over the files and then modify the links to what you want.



Hopefully you guys will like this.



Brandon

bottom_box.zip

Thanks for this, really usefull, I’m going to try it out :wink:

Thanks Brandon, your contributions are always appreciated.

[quote name=‘brandonvd’]Well I’ve posted my solution for my footer (bottom box) on the forum a few times and it is always a huge pain in the butt trying to explain everything and make sure I actually have all the code.



So instead of answering another post the same way I decided to make my solution into an addon. And, wouldn’t you know it, the addon works great.



This is my first addon, but it seems to work perfect. The files and instructions are there. If there are any problems just let me know.



So this addon basically changes:



This:







To this:







The installation is pretty simple, just copy over the files and then modify the links to what you want.



Hopefully you guys will like this.



Brandon[/QUOTE]



I’ve followed your instructions, but the only link that I see is the “Recover Password” link. How can I get the others to show?



Thanks!

I’m not sure to be honest. I just tested this again on a fresh install of CS-Cart 2.1.1 and it worked perfect.



I can only think of two things that you could have done / might try.



First, clear your cache. Go to [url]国产免费青女在线播放视频,国产一区二区视频,国产又色又爽又黄又刺激的视频,国产精品无码免费专区午夜,国产精品V欧美精品V日韩精品_综合



If that doesn’t do it than make sure you copied the files over correctly. You don’t need to move each individual file. You can just take both folders and merge them into your existing installation. You also don’t need to move the skin files into your skin. When you install the addon those files will be moved over to your skin.



If none of that works, than maybe provide your website so I can take a look. Or feel free to pm me.



Brandon

The above addon is for version 2.1.1.



Below is the Bottom Box addon for 2.0.x. I’ve only tested this on version 2.0.14, but I don’t see why it wouldn’t work on all the 2.0.x series.



Brandon

bottom_box_2_0_x.zip

Hi Brandon,



With the one for 2.1 I got it on 2.015 all though it messed up a bit, but I have just installed this one and see nothing yet on 2.0.15. cc and browser cache too!

Keep up the good work and thanks



John

How do I edit bottom where it said power by?



any help.

Thank you

@tom427,



Well it depends on what exactly you want to change. Most of the text is changed in your languages in Your Admin => Contents => Languages



You can also change the wording and link in:



skins/your-skin/customer/addons/bottom_box/hooks/index/bottom.override.tpl



Brandon

@johnbol1



I don’t have a copy of 2.0.15 so I can’t test this addon on it. I do have a fresh version of 2.0.14 installed and this addon works perfect with it. I didn’t even have to clear the cache.



When you copy over the files be sure to copy them over exactly how I have them. The addon will copy over the files from the var folder over to your skin folder and you don’t need to do it manually.



Hope that helps,



Brandon

Haven’t tried it yet, but thank you so much for doing this. I’ve always admired your bottom box!!

Hello,



What I want to do is, to add (Design by) at the bottom.



This code is

{$lang.powered_by} {$lang.copyright_shopping_cart}



How do I add design by?



Thank you

Tom

Content->Languages - search for “Powered”. Replace the value with “Design”

Thank you all for your help.



I got it now:D

thanks

This is a nice add-on, is there a way to customize the body color of the box etc? Where would I change those settings without changing the whole site CSS?



I want it to blend into the bottom section is the result and not look like another box below a box :slight_smile:

[quote name=‘jhagg’]This is a nice add-on, is there a way to customize the body color of the box etc? Where would I change those settings without changing the whole site CSS?



I want it to blend into the bottom section is the result and not look like another box below a box :)[/quote]



It includes a css file


/* Home page bottom boxes */

.bottom-table {
width: 100%;
border: 1px solid #616161;
margin-top: 10px;
}
.bottom-table th {
background: #5d5d5d url('images/bsidebox_title_bg.gif') repeat-x;
height: 24px;
color: #ffffff;
font-weight: bold;
padding: 0px 0px 0px 11px;
width: 33%;
text-align: left;
}
.bottom-table td {
color: #2d2d2d;
padding: 10px 5px 10px 5px;
background: #ffffff url('images/bottombox_bg.gif') repeat-x bottom;
width: 33%;
vertical-align: top;
}
.bottom-table-delim {
border-right: 1px solid #d5d5d5;
}
/* /Home page bottom boxes */

[quote name=‘S-Combs’]It includes a css file


/* Home page bottom boxes */

.bottom-table {
width: 100%;
border: 1px solid #616161;
margin-top: 10px;
}
.bottom-table th {
background: #5d5d5d url('images/bsidebox_title_bg.gif') repeat-x;
height: 24px;
color: #ffffff;
font-weight: bold;
padding: 0px 0px 0px 11px;
width: 33%;
text-align: left;
}
.bottom-table td {
color: #2d2d2d;
padding: 10px 5px 10px 5px;
background: #ffffff url('images/bottombox_bg.gif') repeat-x bottom;
width: 33%;
vertical-align: top;
}
.bottom-table-delim {
border-right: 1px solid #d5d5d5;
}
/* /Home page bottom boxes */
[/QUOTE]



Perfect, thanks!

Could you advise me how I could change the link text color just in your box add on but not the rest of the page? I seem to be affecting the whole page even when I make adjustments to your included css… I just want them white and they are ugly purple haha

Try adding this to the bottom_box style sheet



skins/yourskin/customer/addons/bottom_box/css/local_styles.css

.bottom-list, .bottom-list a, .bottom-list a:visited, .bottom-list a:hover, .bottom-list a:active {
color: #ffffff;
}