• Welcome to the Chevereto user community!

    Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.

    Please keep in mind:

    • 😌 This community is user driven. Be polite with other users.
    • 👉 Is required to purchase a Chevereto license to participate in this community (doesn't apply to Pre-sales).
    • 💸 Purchase a Pro Subscription to get access to active software support and faster ticket response times.
  • Chevereto Support CLST

    Support response

    Support checklist

add sponored/partners website

JakeSully

👽 Chevereto Freak
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.
 
It should be easy to add this. Which layout are you using, split+landing or just landing?
 
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?
 
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?
 
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.
 
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:

Code:
<?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.
 
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:

Code:
<?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:
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.
 
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.
 
I know this topic is now quite old, i have been re-playing with this code again and noticed code actually breaks pagination buttons, since it get's overlapsed over it and if i add <br> it moves them down but arrow button isn't clickable. so i hope @tomsit has some few mins to spare with fixing code a bit so it won't affect the pageination thingy or have better area to put this code in so it only shows up on homepage footer and no where else.
 
Back
Top