add sponored/partners website

JakeSully

Network license
Beta tester
Joined
Feb 23, 2014
Messages
251
Likes
32
Points
78
#1
Does anyone here know how to add like a sponsored/partners section bellow the site on index? so it's like for example Sponsored: imagebanner here | 2nd banner here | 3rd banner here and so on, so you can add sites that want's to partner up with you and much more??

Also it would be good to have it there on index and then better spot on other pages so it will look good and visible for visitors.
 

tomsit

Moderator & Chevereto freak
Community Staff
Joined
Nov 25, 2016
Messages
453
Likes
245
Points
125
Location
Norway
Website
freeimage.host
#2
It should be easy to add this. Which layout are you using, split+landing or just landing?
 

JakeSully

Network license
Beta tester
Joined
Feb 23, 2014
Messages
251
Likes
32
Points
78
#3
It should be easy to add this. Which layout are you using, split+landing or just landing?
I'm using default homepage with upload button so i guess it's just landing.
 

tomsit

Moderator & Chevereto freak
Community Staff
Joined
Nov 25, 2016
Messages
453
Likes
245
Points
125
Location
Norway
Website
freeimage.host
#4
Ok, do you want this on the bottom of the page like a 100% width banner? or did you mean like a new section that viewers has to scroll down to see?
 

JakeSully

Network license
Beta tester
Joined
Feb 23, 2014
Messages
251
Likes
32
Points
78
#5
Ok, do you want this on the bottom of the page like a 100% width banner? or did you mean like a new section that viewers has to scroll down to see?
i want after this layout =

Sponsored: text or banner here | banner 2 | banner 3 | banner 4 | and so on.

Unless you got a better idea? with maybe an footer space for just sponsored & partners?
 

tomsit

Moderator & Chevereto freak
Community Staff
Joined
Nov 25, 2016
Messages
453
Likes
245
Points
125
Location
Norway
Website
freeimage.host
#6
I'll see if I can cook something up. Don't expect anything today though ;)
 

JakeSully

Network license
Beta tester
Joined
Feb 23, 2014
Messages
251
Likes
32
Points
78
#7
I'll see if I can cook something up. Don't expect anything today though ;)
okay, well take your time :)

I got an idea thought, maybe it could be a text saying in center area sponsored/partners and then a arrow downards and when you click it, then landing page slides up and you will have a whole page for sponsored & partners.
 

tomsit

Moderator & Chevereto freak
Community Staff
Joined
Nov 25, 2016
Messages
453
Likes
245
Points
125
Location
Norway
Website
freeimage.host
#8
Ok, so I put together a footer solution for you.

SFTP to -> /app/themes/Peafowl/custom_hooks and open "footer.sample.php"

Just clean out the content (delete everything) and paste this code:

Footer; Sponsored By "Company Logo":
<?php if(!defined('access') or !access) die('This file cannot be directly accessed.'); ?>
<?php /* Add your custom PHP/HTML code in this file */ ?>

<style>
.footer {
    margin:auto;
    padding-top: 10px;
    position: absolute;
}
.sponsor {
    margin: auto;
    display: flex;
    height: auto;
    width: 25%;
}
.sponsor img {
    width: 30%;
    height: auto;
}
</style>
<div class="footer">
  <p style="font-size:1.2em;">SPONSORED BY</p><br>
    <ul class="sponsor">
        <li class="sponsor">
            <a href="#" title="Sponsor1">
                <img src="https://www.solodev.com/assets/carousel/image1.png"">
            </a>
        </li>
        <li class="sponsor">
            <a href="#" title="Sponsor2">
                <img src="https://www.solodev.com/assets/carousel/image1.png"">
            </a>
        </li>
            </a>
        </li>
        <li class="sponsor">
            <a href="./contact" title="Available slot">
                <p style="font-size:1.35em;font-weight:600;">Your website here!</p>
            </a>
        </li>
    </ul>
</div>
Remember to rename footer.sample.php to footer.php

Do your own edits!

Replace the img links with your own sponsor logos. Use PNG's! and add the backlink to the href tag. Placeholder is currently nothing "#"
If you need to add text below the logos just add a new line under the img tag, eg; <p>Company name</p>


One bug I have not figured out yet is when you are in dashboard and scroll all the way down the "Save now" button is not prioritized when above the footer. Simply scroll up a bit for it to activate.
 

JakeSully

Network license
Beta tester
Joined
Feb 23, 2014
Messages
251
Likes
32
Points
78
#9
Ok, so I put together a footer solution for you.

SFTP to -> /app/themes/Peafowl/custom_hooks and open "footer.sample.php"

Just clean out the content (delete everything) and paste this code:

Footer; Sponsored By "Company Logo":
<?php if(!defined('access') or !access) die('This file cannot be directly accessed.'); ?>
<?php /* Add your custom PHP/HTML code in this file */ ?>

<style>
.footer {
    margin:auto;
    position: absolute;
}
.sponsor {
    margin: auto;
    width: 50%;
    display: flex;
}
</style>
<div class="footer">
  <p style="font-size:1.2em;">SPONSORED BY</p><br>
    <ul class="sponsor">
        <li class="sponsor">
            <a href="#" title="Sponsor1">
                <img src="https://www.solodev.com/assets/carousel/image1.png" style="max-width: 30%;height: auto;">
            </a>
        </li>
        <li class="sponsor">
            <a href="#" title="Sponsor2">
                <img src="https://www.solodev.com/assets/carousel/image1.png" style="max-width: 30%;height: auto;">
            </a>
        </li>
         <li class="sponsor">
            <a href="#" title="Sponsor3">
                <img src="https://www.solodev.com/assets/carousel/image1.png" style="max-width: 30%;height: auto;">
            </a>
        </li>
         <li class="sponsor">
            <a href="#" title="Sponsor4>
                <img src="https://www.solodev.com/assets/carousel/image1.png" style="max-width: 30%;height: auto;">
            </a>
        </li>
    </ul>
</div>
Remember to rename footer.sample.php to footer.php

Do you own edits!

Replace the img links with your own sponsor logos. Use PNG's! and add the backlink to the href tag. Placeholder is currently nothing "#"
If you need to add text below the logos just add a new line under the img tag, eg; <p>Company name</p>


One bug I have not figured out yet is when you are in dashboard and scroll all the way down the "Save now" button is not prioritized when above the footer. Simply scroll up a bit for it to activate.
Okay thanks for taking your time on making this, i will try it now :)

Could you also add support for text? so i can have "Your Website Here!" that´s clickable to the contact form so they can submit their site.
 
Last edited:

tomsit

Moderator & Chevereto freak
Community Staff
Joined
Nov 25, 2016
Messages
453
Likes
245
Points
125
Location
Norway
Website
freeimage.host
#10
Hmm, I'm not sure where you'd want it but something like this?

Code:
<li class="sponsor">
    <a href="./page/contact" title="Available slot">
        <p style="font-size:1.35em;font-weight:600;">Your website here!</p>
    </a>
</li>
Add this to the code I provided above.

Also, depending on how many sponsors/partners on display, adjust width parameters on the sponsor class for centering.
 

JakeSully

Network license
Beta tester
Joined
Feb 23, 2014
Messages
251
Likes
32
Points
78
#11
Could you help me adjust the image buttons? since i added a png image but it becomes really tiny on the page and won't become any bigger.