show game names on game tiles

This is a temporary userscript inspired by code snippets of BKGaming
for the transition time until the GOG page hopefully looks better, or like Bkgaming already said, adaliabooks and Barefoot_Monkey come up with updated scripts.

It displays game names on the game tiles without need to hovering over tile.

new version!
improved performance (on front page no more greasmonkey waiting message)
improved visible font (bold, italic, left-aligned)
longer texts displayed completely
removed double entries on frontpage (thanks BkGaming!)

Screenshots
old version
screen1
screen2
screen3
new version
screen1

Installation
I made this script on firefox with greasmonkey.
Simplest way to install on firefox:
1) You must have Greasemonkey installed.
2) DOWNLOAD script. (free filehost without registration)
3) in Greasmonkey "import" and select the downloaded zip
4) ready

For other browsers there should be similar addons like Tampermonkey and this script maybe works, but no guarantee.

have fun






code
// ==UserScript==
// @name GOG show game names on gametiles
// @include https://www.gog.com/
// @include https://www.gog.com/game*

// @require https://code.jquery.com/jquery-3.3.1.slim.min.js
// @version 2.1
// @grant none
// ==/UserScript==

// Tested on Firefox 62.0.3(64bit) + Greasemonkey
var busy = false;

if(window.location.href == 'https://www.gog.com/'){
if (!busy){
busy = true;
fillText();
busy = false;
}
}

$("div.catalog__body").on('DOMSubtreeModified', function () {
if (!busy){
busy = true;
fillText();
busy = false;
}
});

$(document).ready(function() {
console.log("ready xxx");
$("div.content.cf div.container.container--two-columns div.container--two-columns__child--discover-games div.tabbed-section.ng-scope div.discover-games__products div div.product-tile.product-tile--list.ng-scope a.product-tile__content.js-content div.product-tile__info .scriptGameTitle").remove();
});

function fillText(){
var games = [""];
// read all game titles
$("div.product-tile__title").each(function( index ) {
games[index] = $(this).text();
});
// enter all titles in info fields
$("div.product-tile__info").each(function( index ) {
// prevent double entries
if ( ($(this).text().indexOf(games[index])) < (0) ){
$( this ).css("margin-left", "0" );
$( this ).css("padding-left", "3px" );
$( this ).css("height", "auto" );
$(this).prepend("<span class=\"scriptGameTitle\" style=\"background-color:#f7f7f7;font-size:0.75;font-style:italic;font-weight:bold\">" + games[index] + "</span>");
}
});
}

Cool I was kind of planning on working on something like this but haven't found the time. My plan was to remove the hover and make that the default view. But that would require a bit of work; this is more simpler. I've also worked on removing the videos.

I'll check this out though. :)

Works with Tampermonkey .

Thanks .

edit: forgot to add : i'm using Waterfox

[removed for now]

THANK YOU!

Works on Google Chrome with Tampermonkey :)

Works with Tampermonkey in FF 62.0.3.

Thanks!! This didn't work for me...

Can you post a picture of your code? Just want to make sure you changed it correctly.

Here.

Hmm it looks correct. You did save the script after changing it right? Can you describe what you are seeing after changing the code? No change at all? Or does it fail to work at all?

It works correctly for me with this change so I'm not sure why you are having issues. I still have the titles on the games page but not the double title issue on the home page with this change.

The script works in its default state, then I change that line and save, and it's as if the script is not installed, though it is enabled in my dashboard.

EDIT: It still works on the game page, but there are no names on the tiles at the top of the main page. It's as if the script is completely disabled on the main page at this point. I hope that clears it up. Sorry for the confusion...

Look, you don't need to jump on this, I appreciate the effort. I was letting you know. :)

Wait what? Can you post a pic of that?

Here
EDIT: First image is the default script on the main page. The second is with your change on the main page, and third is with your change on the Storefront Games page.

Oh I'm an idiot. I know what you are talking about now. Sorry let me fix that.

EDIT: I forgot about those. I was just thinking of the games page. I'm going to have to come up with a different way to do it.

Okay I have a fix for this. But I'm going to send it to surfersurfer and let him (her?) add / test it rather than just posting it because last time I was a bit to eager to jump the gun. Lol

EDIT: If you don't mind, could edit out that old code from the quote.

@surfersurfer: I sent you a friend request. Once you accept me, I'll send you the updated code.