Was trying to figure out where the grouvee gold button is or if my subscription is still up. I can’t seem to find it. Anyways, I was browsing the help section and noticed a cool feature, you can get a list of game cover images to post on your own website. Essentially, posting a cover for each game on a particular shelf. It seemed like a handy piece of code so I tried using it. I got something that wasn’t usable. I’ll post it here, but it looks weird, because:
It looks like its missing games from my shelf
It is posting the games 1 on top of the other, making a new row for each game instead of what it looks like on the help page. (a row with 15 or so games each).
Thought you’d like to know.
.grouvee_grid {
/* customize grid container div here. eg: width: 500px; */
}
.grouvee_game {
/* customize game cover container div here */
float: left;
width: 90px;
height: 90px;
padding: 0px 0px;
overflow: hidden;
}
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/15377-armored-core/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Armored Core" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/e7/e2/e7e2b82a86d2c85a435aaef5e8a9f9d9.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/15111-armored-core-master-of-arena/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Armored Core: Master of Arena" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/6f/ad/6fad3f90aeac701814f6ece92a5aa2f9.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/45986-attack-the-light/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Attack the Light" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/ad/88/ad88092dfdd65939b9831e0e3bdf674b.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/17-bioshock/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="BioShock" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/90/16/901688182ef5e56f5483e5cf42b0716c.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/137-bioshock-2/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="BioShock 2" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/bf/d9/bfd9d7b0d88b8abe171879a251f5a25e.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/29623-bioshock-infinite/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="BioShock Infinite" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/2d/13/2d13a3905597e65a77fddc227287a6f7.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/139-borderlands/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Borderlands" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/2b/07/2b07f2399ba1b8f359ef0c1aa3277f20.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/4709-bubble-bobble/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Bubble Bobble" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/c3/7b/c37b4dbae409da9dc595a27626df3933.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/19055-castle-crashers/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Castle Crashers" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/6b/87/6b87737d7a6ee1a66f4fd6a35e0d5daa.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/13161-castlevania-symphony-of-the-night/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Castlevania: Symphony of the Night" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/b4/e2/b4e23f05503857948fe2e6e7fcf0c280.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/29668-catherine/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Catherine" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/b0/1f/b01f11ab277086568d248ad83d993798.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/18501-cave-story/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Cave Story" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/df/75/df750b25d996fbb6c6939040e4ab18c0.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/46038-convoy/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Convoy" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/1d/b5/1db52e45ca82fb09c52643643a7f538f.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/19115-dead-space/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Dead Space" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/9d/b9/9db9d897cada0d19be36070ace65c75f.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/39657-deep-dungeons-of-doom/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Deep Dungeons of Doom" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/d6/7b/d67b21f90d2124547988ee03792d8bb4.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/1186-diablo-ii/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Diablo II" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/07/87/07876183d274e1dfb9d0c38252c76150.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/1-diablo-iii/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Diablo III" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/4a/4a/4a4a682493a2eeb517ea8be64f50ae23.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/40212-diablo-iii-reaper-of-souls/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Diablo III: Reaper of Souls" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/e4/a6/e4a63629c85f8b5ee990769f39f362d1.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/14410-diablo-ii-lord-of-destruction/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Diablo II: Lord of Destruction" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/a4/2a/a42ae6ad2e640de01437d3f713c21edd.jpg">
</a>
</div>
</div>
<div class="grouvee_container">
<div class="grouvee_game">
<a target="_blank" href="http://www.grouvee.com/games/14542-donkey-kong-country/?utm_medium=api&utm_source=shelf_widget" title="">
<img alt="Donkey Kong Country" border="0" src="http://d2qg8a8kg69s14.cloudfront.net/upload/cache/a1/8e/a18e74bd40143e0513ac7794825b8051.jpg">
</a>
</div>
</div>
peter
February 5, 2017, 1:55pm
3
You don’t happen to have the page live on your website anywhere do you? I could look at it and see what’s going on if you do.
If you go to your settings page, Log In and track your game collection and backlog with Grouvee , there is a Subscription tab. If you click on that, it will give you all of your Gold details. (Log In and track your game collection and backlog with Grouvee is the direct link to the tab)
Will post it and send you a link, but I’ve been through the code and there is straight up not enough game titles listed. No mention of about 100 out of 118 of the games on my beaten shelf.
peter
February 5, 2017, 5:39pm
6
Yeah, I should put some kind of scrolling feature in. You can change the number with the URL. At the bottom of the whole copy and paste thing, there’s a script URL (https://www.grouvee.com/widgets/shelf/[shelf_id]/?number=20 ). If you change that number to something else, it should display that many games.