Resources - LegendCS - Steam Discounts


Submitted by: Berserk Submitted: 04-20-2025, 02:03 PM Views: Downloads: MD5: 71087549a1c07a02264c1d522680d0e3 Steam Discounts Category: Plugins Description: Description : Show discounts for games on steam, it uses the cheapshark.com API https://www.cheapshark.com/api/1.0/deals...ageSize=60 It can be placed by using the variable : {$steamdiscount} Author : Berserk Configuration: You can add your own CSS for it by going to : ACP -> Teplates&Styles -> Themes -> Your theme -> Add Stylesheet Name the file steamdiscounts.css Attached to: Globally Check the box Write my own content My Example of steamdiscounts.css : PHP Code: .steam-slider { position: relative; overflow: hidden; width: 100%; max-width: 100%; height: 210px; text-align: center; } .steam-slide { display: none; padding: 10px; color: #fff; } .steam-slide.active { display: block; animation: fade 0.5s ease-in-out; } .steam-slide a img { width: 100%; height: 90px; object-fit: contain; border-radius: 4px; margin-bottom: 5px; transition: transform 0.3s ease; background: #000; } .steam-slide a img:hover { transform: scale(1.05); } .steam-slide h4 { margin: 5px 0; font-size: 14px; color: #fff; } .steam-slide .price { font-size: 13px; color: #ccc; } .steam-slide .discount { color: #4caf50; font-weight: bold; } .view-link { display: inline-block; margin-top: 6px; padding: 4px 10px; background: #1760bb; color: white; font-size: 12px; text-decoration: none; border-radius: 4px; transition: background 0.3s; } .view-link:hover { background: #114a91; } .steam-slider-controls { position: absolute; top: 40%; width: 100%; display: flex; justify-content: space-between; transform: translateY(-50%); pointer-events: none; } .steam-slider-controls button { background: rgba(0,0,0,0.5); color: white; border: none; font-size: 18px; padding: 4px 10px; cursor: pointer; border-radius: 4px; pointer-events: all; } .steam-slider-controls button:hover { background: rgba(23, 96, 187, 0.7); } @keyframes fade { from { opacity: 0; } to { opacity: 1; } } UPDATE 20.04.2025 - Added a setting page of the plugin to update the API directly in ACP - Added a cache local system with the duration of 1 hour so that it will not make as many calls making the api to get blocked for your website. - Added a debug function so that it will create a steam_api_debug.json fil in your board files that can display possible errors Rating: Your rating: N/A Average rating: N/A N/A 1 2 3 4 5

Steam Discounts

Category: Plugins

Description:

Description : Show discounts for games on steam, it uses the cheapshark.com API

https://www.cheapshark.com/api/1.0/deals...ageSize=60

It can be placed by using the variable : {$steamdiscount}

Author : Berserk

Configuration:
You can add your own CSS for it by going to :
ACP -> Teplates&Styles -> Themes -> Your theme -> Add Stylesheet

Name the file steamdiscounts.css

Attached to: Globally
Check the box Write my own content

My Example of steamdiscounts.css :

PHP Code:

.steam-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 210px;
    text-align: center;
}

.steam-slide {
    display: none;
    padding: 10px;
    color: #fff;
}

.steam-slide.active {
    display: block;
    animation: fade 0.5s ease-in-out;
}

.steam-slide a img {
    width: 100%;
    height: 90px;
    object-fit: contain;
    border-radius: 4px;
    margin-bottom: 5px;
    transition: transform 0.3s ease;
    background: #000;
}

.steam-slide a img:hover {
    transform: scale(1.05);
}

.steam-slide h4 {
    margin: 5px 0;
    font-size: 14px;
    color: #fff;
}

.steam-slide .price {
    font-size: 13px;
    color: #ccc;
}

.steam-slide .discount {
    color: #4caf50;
    font-weight: bold;
}

.view-link {
    display: inline-block;
    margin-top: 6px;
    padding: 4px 10px;
    background: #1760bb;
    color: white;
    font-size: 12px;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s;
}

.view-link:hover {
    background: #114a91;
}

.steam-slider-controls {
    position: absolute;
    top: 40%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.steam-slider-controls button {
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    font-size: 18px;
    padding: 4px 10px;
    cursor: pointer;
    border-radius: 4px;
    pointer-events: all;
}

.steam-slider-controls button:hover {
    background: rgba(23, 96, 187, 0.7);
}

@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

UPDATE 20.04.2025

- Added a setting page of the plugin to update the API directly in ACP
- Added a cache local system with the duration of 1 hour so that it will not make as many calls making the api to get blocked for your website.
- Added a debug function so that it will create a steam_api_debug.json fil in your board files that can display possible errors

Rating:

Your rating: N/A

Average rating: N/A

Leave a comment
To leave a comment you must log in.