remove "UPGRADE" button
Velosofy opened this issue · 87 comments
BlockTheSpot is amazing, it give you full free listening music without any ads, etc.
Is it also possible to remove the "Upgrade" button to polish it?
As a workaround for now, you can use the spicetify CLI and use a custom theme to hide it, check it out: https://github.com/khanhas/spicetify-cli
As a workaround for now, you can use the spicetify CLI and use a custom theme to hide it, check it out: https://github.com/khanhas/spicetify-cli
Thanks a lot, I'll check it out.
If you like this, I can share this theme with you along with the installation steps @Velosofy
If you like this, I can share this theme with you along with the installation steps @Velosofy
Bring it on, thanks
Edit : found in your github repo, cheers.
As a workaround for now, you can use the spicetify CLI and use a custom theme to hide it, check it out: https://github.com/khanhas/spicetify-cli
Also I moved to Linux for the time being, is there a similar apps that can block the home banner ( the box thing at the bottom of the screen [ above the media control ] ) ?
As a workaround for now, you can use the spicetify CLI and use a custom theme to hide it, check it out: https://github.com/khanhas/spicetify-cli
Also I moved to Linux for the time being, is there a similar apps that can block the home banner ( the box thing at the bottom of the screen [ above the media control ] ) ?
If you're talking about the banner ad, you can try this: https://github.com/abba23/spotify-adblock-linux
Some fun stuff for Spicetify to remove everything from Spotify Free
.upgrade-button, button[data-menu-item="upgrade-account"], button[id="upgradeAccount"] {
display: none !important;
}
.account-info__profile-info-product {
text-indent: -9999px;
line-height: 0;
}
.account-info__profile-info-product:after {
content: 'Spotify Premium';
text-indent: 0;
display: block;
line-height: initial;
}
Add this to user.css and enjoy fake Premium
@MrHongPong I made a repo with the installation steps and screenshots. Thank you for providing the code snippet.
https://github.com/Daksh777/SpotifyNoPremium
As a workaround for now, you can use the spicetify CLI and use a custom theme to hide it, check it out: https://github.com/khanhas/spicetify-cli
Also I moved to Linux for the time being, is there a similar apps that can block the home banner ( the box thing at the bottom of the screen [ above the media control ] ) ?
If you're talking about the banner ad, you can try this: https://github.com/abba23/spotify-adblock-linux
Not actually, I was trying to find a similar solution like BlockTheSpot but for Linux, i guess nvm
As a workaround for now, you can use the spicetify CLI and use a custom theme to hide it, check it out: https://github.com/khanhas/spicetify-cli
This will do the job for the issue. I will not close the Issue until it is done by @mrpond itself, so others can do remove the "Upgrade" button + theming too
zlink.zip
extract & replace this into AppData\Roaming\Spotify\Apps
no third party tool needed.
zlink.zip
extract & replace this into AppData\Roaming\Spotify\Apps
no third party tool needed.
Wow, this works. Can you tell me how does this work?
zlink.zip
extract & replace this into AppData\Roaming\Spotify\Apps
no third party tool needed.
Are you adding this to the release?
Im gonna add this link as optional patch in the bat file.
I have added this to the BlockTheSpot.bat .
Don't work for me :(
What I did?
1º Just run the new blockthespot.bat and don't remove upgrade button.
2º total uninstall Spotify include leftovers
3º Install Spotify via the new blockthespot.bat
Still not work
Any suggestions?
Don't work for me :(
What I did?
1º Just run the new blockthespot.bat and don't remove upgrade button.
2º total uninstall Spotify include leftovers
3º Install Spotify via the new blockthespot.bat
Still not workAny suggestions?
I didn't check the blockthespot.bat script, I just downloaded, extracted and replaced zlink.zip in AppData\Roaming\Spotify\Apps, you can try that.
Don't work for me :(
What I did?
1º Just run the new blockthespot.bat and don't remove upgrade button.
2º total uninstall Spotify include leftovers
3º Install Spotify via the new blockthespot.bat
Still not workAny suggestions?
You can try the the manual method said by @Daksh777 above.
Just to be sure, you should have the Desktop version of Spotify installed at its default location.
Also, the remove "Upgrade" button is currently an optional. So inorder for it to patch, you have to type "y" in when asked by blockthespot.
@Daksh777 Hey just for testing, can you try running the bat file to confirm working for you?
I'm still not find cleaver way to add it seamlessly. T_T
I'm still not find cleaver way to add it seamlessly. T_T
Just a weird guess, I think you edited the bundle.js in the zlink file.
Isn't it enough to take out the Upgrade class from the index.html?
I'm still not find cleaver way to add it seamlessly. T_T
Just a weird guess, I think you edited the bundle.js in the zlink file.
Isn't it enough to take out the Upgrade class from the index.html?
I tried it once, spotify won't load any UI if js (can't find element) error.
@Daksh777 just edit some js compress inside zlink.spa
make addition zlink_mod.spa and tell spotify to load it might be OK.
but I'm also lazy to make it everytime spotify change it. let's keep issue open for now.
I'm still not find cleaver way to add it seamlessly. T_T
Just a weird guess, I think you edited the bundle.js in the zlink file.
Isn't it enough to take out the Upgrade class from the index.html?I tried it once, spotify won't load any UI if js (can't find element) error.
@Daksh777 just edit some js compress inside zlink.spa
Oh okay. I already added the zlink.zip download to the batch file as optional from this issue.
Anyways, great job removing the button.
You could just release the zlink.spa as a package with the source available. It would be easy if there is some integration to archive it to .spa .
rename spa to zip and vice versa. then diff the zlink.bundle.js to see what change I made.
rename spa to zip and vice versa. then diff the zlink.bundle.js to see what change I made.
did a diff check and got that lines 448 and 465 are changed. But I couldn't figure out exactly what attribute was changed.
nvm, got it.
This is how you do it.
Rename zlink.spa to zlink.zip .
Open the zlink.bundle.js in a file editor.
Now you have to make changes to all the search results of these two strings:
"premium"===
and"premium"!==
,
Change the===
to!==
and!==
to===
for all the search results of the above 2 strings.
Save the file and zip the zlink folder and rename it back to zlink.spa .
This should remove the upgrade button.
Thanks to @mrpond
for now, it is just PoC.
for now, it is just PoC.
Im right now trying a appveyor deployment for zlink in my fork.
@Daksh777 Hey just for testing, can you try running the bat file to confirm working for you?
Okay, I used it and it did work. It works well.
Not working. Run updated bat ,"y", enter. "UPGRADE" button still there.
Not working. Run updated bat ,"y", enter. "UPGRADE" button still there.
Can you provide the Spotify version?
1.1.48.625.g1c87c7f7-a
1.1.48.625.g1c87c7f7-a
This is my version and it works fine.
Are you on some kind of alpha test? Asking that since I dont have -a
at the end.
1.1.48.625.g1c87c7f7
Actually, you are correct. Somehow I got forced into this mess even though I'm not (obviously) a premium member: https://www.androidpolice.com/2020/12/14/spotify-is-forcing-paying-users-to-test-a-confusing-new-desktop-ui/
But the installation package and files on computer should be the same...
Actually, you are correct. Somehow I got forced into this mess even though I'm not (obviously) a premium member: https://www.androidpolice.com/2020/12/14/spotify-is-forcing-paying-users-to-test-a-confusing-new-desktop-ui/
But the installation package and files on computer should be the same...
So you have the Experimental UI and this Patch works by tweaking the UI instead of any other stuff like the ad blocker.
So, It requires the right kind of UI which is the default one that comes with stable release of Spotify.
Can you please fix it to make it work with the new UI?
Thanks in advance
Read the comment just above yours from @Rednek46
@Daksh777 you can use this method to edit the zlink.spa yourself. Since the profile picture is hidden on every update recently, I'm not changing it for sometime unless a persistent fix can be found.
For myself, I'm using a simple Spotify theme which removes it for me without having to tinker with any Spotify files by yourself: https://github.com/Daksh777/SpotifyNoPremium
Thanks @ryzenblue to this method, it was possible to block the "Upgrade" button in the new ui. The old method for the new ui didn't work right now.
-
Navigate to
%APPDATA%/Spotify/Apps
. Here you will findxpui.spa
, make a copy of this file so that you have a backup. -
Rename
xpui.spa
toxpui.zip
and open the zip. Within the zip, there will bexpui.css
, extract this file. -
Open the extracted file with a text editor and search for
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7)}
-
Need to add at the end of this
;display: none}
It should look like this
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7);display: none}
- Change the extension from xpui.zip to xpui.spa
Perhaps there are some bugs, I'm testing
@amd64fox the issue right now with these tweaks are that, you cannot use the same edited file after a new update. you have to open the new file and edit the variables there. These files are modified after each update rather than using the same copy.
@amd64fox your method works like a charm with no bugs, thank you!
@amd64fox it works on linux too, thanks!
@RichardLeblanc
while there is only a temporary solution
@RichardLeblanc
while there is only a temporary solution
Thanks man!
By the way, my modified xpui.css file from 1.1.57 approached the new version 1.1.58, I don't know how it will work with the next versions, but so far so good.
BlockTheSpot harikadır, size reklamsız, vb. tam ücretsiz müzik
dinlemeden yayınlar. Parlatmak için "Yükselt" başlangıçtaki da mümkün müdür?
[remove button.zip](https://github.com/mrpond/BlockTheSpot/files/6693285/remove.button.zip
Go to %APPDATA%/Spotify/Apps
. Here you will find xpui.spa
, replace it with xpui.spa
that I provided with the zip.
this will solve the problem.
Ok, so I did some research and if you open the xpui.css file and search for _3f37264be67c8f40fa9f76449afdb4bd-scss
, you will find there a display with "inline-block", HOWEVER you want to change that to "None". Save and put xpui.spa back into the spotify apps folder, and restart spotify and boom the upgrade button thing is gone! Like if this worked.
BlockTheSpot harikadır, size reklamsız, vb. tam ücretsiz müzik
dinlemeden yayınlar. Parlatmak için "Yükselt" başlangıçtaki da mümkün müdür?
[remove button.zip](https://github.com/mrpond/BlockTheSpot/files/6693285/remove.button.zipGo to
%APPDATA%/Spotify/Apps
. Here you will findxpui.spa
, replace it withxpui.spa
that I provided with the zip.
this will solve the problem.
thanks
Ok, so I did some research and if you open the xpui.css file and search for
_3f37264be67c8f40fa9f76449afdb4bd-scss
, you will find there a display with "inline-block", HOWEVER you want to change that to "None". Save and put xpui.spa back into the spotify apps folder, and restart spotify and boom the upgrade button thing is gone! Like if this worked.@SteadyStatus21 Nice!
I want to find whare i can remove the "upgrade to premium" that shows in the dropdown menu, do you have any idea? can you try to find what to edit like how you did it for the upgrade button?
I will try and find it and will post another comment here to tell you what to search for!
-SteadyStatus21
BlockTheSpot harikadır, size reklamsız, vb. tam ücretsiz müzik
dinlemeden yayınlar. Parlatmak için "Yükselt" ki da mümkün müdür?
[düğmeyi kaldır.zip]( https://github.com/mrpond/BlockTheSpot/files/6693285/remove.button.zipgidin
%APPDATA%/Spotify/Apps
. Burada bulacaksınızxpui.spa
,xpui.spa
zip ile sağladığımla değiştirin .
bu sorunu çözecektir.
update :
[attachment deleted by @Nuzair46]
@riXemTR Can you please also mention the changes you made in the files?
Asking since the xpui.spa contains many js scripts and we don't want it to be carrying malicious code.
I will delete the file for now,
re upload only with a detailed change description.
@riXemTR Can you please also mention the changes you made in the files?
Asking since the xpui.spa contains many js scripts and we don't want it to be carrying malicious code.
I will delete the file for now,
re upload only with a detailed change description.
Navigate to %APPDATA%/Spotify/Apps. Here you will find xpui.spa, make a copy of this file so that you have a backup.
Rename xpui.spa to xpui.zip and open the zip. Within the zip, there will be xpui.css, extract this file.
Open the extracted file with a text editor and search for
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7)}
change to
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7);display: none}
Change the extension from xpui.zip to xpui.spa
any problem or question ?
I will try and find it and will post another comment here to tell you what to search for!
-SteadyStatus21@SteadyStatus21 Were you able to find anything?
Hello @fosam! Here is what I found. If I try to remove that item, the menu collapses and becomes unreadable. Attempting to remove the text regenerates itself, and attempting to remove it using the firewall causes Spotify to become unresponsive. So unfortunately, there is no way at this time that I found to remove the item from the dropdown. I will continue to look and see. Sorry for the delay as I am on vacation 😅
Cheers
SteadyStatus21
Can you try the .js one when you come back from your holiday? i think that file might be better to work with
Hello guys, I slightly tweaked the .ps1 installation file, added the removal of the button and the empty block, as well as a couple of minor edits. (Added optionally blocking updates and fixed the shortcut on the desktop)
Download Install.bat
Rep.
What was added to the main code powershell
# Removing an empty block and button
Rename-Item -path $env:APPDATA\Spotify\Apps\xpui.spa -NewName $env:APPDATA\Spotify\Apps\xpui.zip
Expand-Archive $env:APPDATA\Spotify\Apps\xpui.zip -DestinationPath $env:APPDATA\Spotify\Apps\temporary
$file_js = Get-Content $env:APPDATA\Spotify\Apps\temporary\xpui.js -Raw
$new_js = $file_js -replace ".........................................Z.UpgradeButton.......", "" -replace 'e.ads.leaderboard.isEnabled', 'e.ads.leaderboard.isDisabled'
Set-Content -Path $env:APPDATA\Spotify\Apps\temporary\xpui.js -Force -Value $new_js
$contentjs = [System.IO.File]::ReadAllText("$env:APPDATA\Spotify\Apps\temporary\xpui.js")
$contentjs = $contentjs.Trim()
[System.IO.File]::WriteAllText("$env:APPDATA\Spotify\Apps\temporary\xpui.js", $contentjs)
Compress-Archive -Path $env:APPDATA\Spotify\Apps\temporary\xpui.js -Update -DestinationPath $env:APPDATA\Spotify\Apps\xpui.zip
# Remove "Upgrade to premium" menu
$file_css = Get-Content $env:APPDATA\Spotify\Apps\temporary\xpui.css -Raw
$new_css = $file_css -replace 'table{border-collapse:collapse;border-spacing:0}', 'table{border-collapse:collapse;border-spacing:0}[target="_blank"]{display:none !important;}'
Set-Content -Path $env:APPDATA\Spotify\Apps\temporary\xpui.css -Force -Value $new_css
$contentcss = [System.IO.File]::ReadAllText("$env:APPDATA\Spotify\Apps\temporary\xpui.css")
$contentcss = $contentcss.Trim()
[System.IO.File]::WriteAllText("$env:APPDATA\Spotify\Apps\temporary\xpui.css", $contentcss)
Compress-Archive -Path $env:APPDATA\Spotify\Apps\temporary\xpui.css -Update -DestinationPath $env:APPDATA\Spotify\Apps\xpui.zip
Rename-Item -path $env:APPDATA\Spotify\Apps\xpui.zip -NewName $env:APPDATA\Spotify\Apps\xpui.spa
Remove-item $env:APPDATA\Spotify\Apps\temporary -Recurse
# Shortcut bug
If(Test-Path $env:USERPROFILE\Desktop\Spotify.lnk) {}
Else {
"Create a new shortcut"
$source = "$env:APPDATA\Spotify\Spotify.exe"
$target = "$env:USERPROFILE\Desktop\Spotify.lnk"
$WshShell = New-Object -comObject WScript.Shell
$Shortcut = $WshShell.CreateShortcut($target)
$Shortcut.TargetPath = $source
$Shortcut.Save()
}
# Block updates
$ch = Read-Host -Prompt "Want to block updates ? (Y/N)"
if ($ch -eq 'y'){
If(Test-Path $env:LOCALAPPDATA\Spotify) {}
Else {
New-Item -Path $env:LOCALAPPDATA -Name "Spotify" -ItemType "directory"
}
If(Test-Path $env:LOCALAPPDATA\Spotify\Update) {
Remove-item $env:LOCALAPPDATA\Spotify\Update -Recurse -Force
}
Else {}
New-Item -Path $env:LOCALAPPDATA\Spotify\ -Name "Update" -ItemType "file" -Value "STOPIT"
$file = Get-ItemProperty -Path $env:LOCALAPPDATA\Spotify\Update
$file.Attributes = "ReadOnly", "System"
If(Test-Path $env:APPDATA\Spotify\SpotifyMigrator.bak) {
Remove-item $env:APPDATA\Spotify\SpotifyMigrator.bak -Recurse -Force
}
Else {}
Rename-Item -path $env:APPDATA\Spotify\SpotifyMigrator.exe -NewName $env:APPDATA\Spotify\SpotifyMigrator.bak
} else{}
Immediately I apologize if somewhere the code is not elegant, I started to study it not so long ago.
I would be glad to have any hints.
Upd. add - Remove "Upgrade to premium" menu
@fosam
hello, do you want to remove this inscription from the menu? tried through developer tools?
I looked, you can remove the menu through the xpui.css
file
- Editing the file
xpui.css
- Find this
table{border-collapse:collapse;border-spacing:0}
(This should be the end of the line) - Add this
[target="_blank"]{display:none !important;}
- It should look like this
table{border-collapse:collapse;border-spacing:0}[target="_blank"]{display:none !important;}
- Save the file
Perhaps the method breaks something else from the interface, please check
tested on version 1.1.65.643
Win+R
==>>%appdata%\Spotify\prefs
- Add a new line
app.enable-developer-mode=true
- Save
@riXemTR Dosyalarda yaptığınız değişikliklerden de bahseder misiniz?
xpui.spa birçok js betiği içerdiğinden ve kötü amaçlı kod taşımasını istemediğimizden soruyorum.
Şimdilik dosyayı sileceğim,
sadece detaylı bir değişiklik açıklamasıyla yeniden yükleyeceğim.%APPDATA%/Spotify/Apps'e gidin. Burada xpui.spa'yı bulacaksınız, yedeğiniz olması için bu dosyanın bir kopyasını oluşturun.
xpui.spa'yı xpui.zip olarak yeniden adlandırın ve zip'i açın. Zip içinde xpui.css olacak, bu dosyayı çıkartın.
Ayıklanan dosyayı bir metin düzenleyiciyle açın ve uzantıyı xpui.zip'ten xpui.spa'ya değiştirmek için
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7)}
değişiklik
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7);display: none}
arayınherhangi bir sorun veya soru?
update:
remove button.zip
and please do not delete this zip , it should work
how to remove the spotify free text on the below app name
@EwenSampurna
you would have to throw a screenshot to better understand the place.
@EwenSampurna
your screenshot did not load, try to fix it
does anyone know which one is the new class? ._186766435454b6e18fec29440fbb9fc4-scss
doesn't work anymore.
@fosam
I have square tabs on the taskbar, so I don't see this inscription at all, but I'm sure that it can be removed.
By the way, if you are interested about the dropdown menu that you wanted to delete, I found it in the js file, but there is a small problem with this command that creates this menu, the arguments change from version to version.
For example, here it looks like on different versions of the client:
.createElement(Tm,null),l()
- 1.1.66.createElement(Cm,null),d()
- 1.1.65.createElement(om,null),d()
- 1.1.64.createElement(Gp,null),d()
- 1.1.63.createElement(Sp,null),a()
- 1.1.62.createElement(Zd,null),a()
- 1.1.61.createElement(Gd,null),a()
- 1.1.60
You just need to find and remove it, but to remove it in future versions, you need to remove it using a regular expression, which I did in my repository.
does anyone know which one is the new class?
._186766435454b6e18fec29440fbb9fc4-scss
doesn't work anymore.
believe it may be .GGdmQ1RUtuGP7ClED7uf
. worked for me at least
The new experimental feature on the bat script can fix this issue.
@riXemTR Dosyalarda yaptığınız değişikliklerden de bahseder misiniz?
xpui.spa birçok js betiği içerdiğinden ve kötü amaçlı kod taşımasını istemediğimizden soruyorum.
Şimdilik dosyayı sileceğim,
sadece detaylı bir değişiklik açıklamasıyla yeniden yükleyeceğim.%APPDATA%/Spotify/Apps'e gidin. Burada xpui.spa'yı bulacaksınız, yedeğiniz olması için bu dosyanın bir kopyasını oluşturun.
xpui.spa'yı xpui.zip olarak yeniden adlandırın ve zip'i açın. Zip içinde xpui.css olacak, bu dosyayı çıkartın.
Ayıklanan dosyayı bir metin düzenleyiciyle açın ve uzantıyı xpui.zip'ten xpui.spa'ya değiştirmek için
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7)}
değişiklik
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7);display: none}
arayın
herhangi bir sorun veya soru?update:
remove button.zipand please do not delete this zip , it should work
update :
remove button.zip
@riXemTR Dosyalarda yaptığınız değişikliklerden de bahseder misiniz?
xpui.spa birçok js betiği içerdiğinden ve kötü amaçlı kod taşımasını istemediğimizden soruyorum.
Şimdilik dosyayı sileceğim,
sadece detaylı bir değişiklik açıklamasıyla yeniden yükleyeceğim.%APPDATA%/Spotify/Apps'e gidin. Burada xpui.spa'yı bulacaksınız, yedeğiniz olması için bu dosyanın bir kopyasını oluşturun.
xpui.spa'yı xpui.zip olarak yeniden adlandırın ve zip'i açın. Zip içinde xpui.css olacak, bu dosyayı çıkartın.
Ayıklanan dosyayı bir metin düzenleyiciyle açın ve uzantıyı xpui.zip'ten xpui.spa'ya değiştirmek için
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7)}
değişiklik
._186766435454b6e18fec29440fbb9fc4-scss{background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.7);display: none}
arayın
herhangi bir sorun veya soru?update:
remove button.zip
and please do not delete this zip , it should workupdate :
remove button.zip
Update:
remove button.zip
update :
remove button.zip
update : remove button.zip
Update:
remove button.zip
update : remove button.zip
Update: remove button.zip
Update: remove button.zip
update : remove button.zip
Update: remove button.zip
Update: remove button.zip
Update: 27.11.2020
remove button.zip
Update: 12.12.2021
remove button.zip
Update: 12.12.2021 remove button.zip
Update: 18.01.2022
remove button.zip
Update: 12.12.2021 remove button.zip
Update: 18.01.2022 remove button.zip
Update: 18.02.2022
remove button.zip
@riXemTR Hi there I used your remove upgrade button spa file and it seems to remove the friend activity view or at least on Mac it does. Is this normal? Enabling view friend activity does not fix it.
ems to re
Please, update this version, the friend activity is hidden.