For support with any of our Shopify themes, please email support@giraffic.co and include link to your store.

For support with any of our Tumblr themes, please email tumblr@giraffic.co and include link to your blog and what theme you're using.

We try to respond within 2 days. Please note: we do not offer support for HTML and CSS customizations.

Contact

Shopify: support@giraffic.co

Tumblr: tumblr@giraffic.co

Ask the Community

Post a Public Question

Creating an upcoming shows page using Songkick

Last Updated: Jul 22, 2012 09:28PM BST

Amplify theme already integrates with Songkick so that you can display your next 5 upcoming shows in the sidebar.

What if you want to have a "shows" page which displays all your upcoming shows? Well you could do it manually, but why bother when I've created a little code snippet that does everything for you

What you need to do copy the code below (between the dotted lines), then replace the text "SONGKICK_ARTIST_ID" with your Songkick artist ID. The artist ID can be found in the url of your artist’s upcoming shows on Songkick. For example, Radiohead’s songkick page is http://www.songkick.com/artists/253846-radiohead, therefore their artist ID is 253846-radiohead.

---------------

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script id="songKickPage" type="text/javascript" src="http://static.tumblr.com/qxrkgx6/IQMm46lfk/songkick-page.js?songkickID=SONGKICK_ARTIST_ID"></script

---------------

Then, create a new page in Tumblr for your shows (or go edit your existing shows page if you already have one). Click on the "HTML" button in the text editor and paste the code in then hit save.

If you did it correctly, you should now have a rocking shows page that looks similar to this:


The code supports all your blog's customizations so it will slip right in to your blog's existing style

Also, if you don't have a shows page, the link underneath the upcoming shows sidebar widget will just head straight to your Songkick page:



But if you do have a shows page, it makes more sense to just link to that instead so that users stay on your blog. So paste the full shows page url (e.g. http://www.yourbandname.tumblr.com/shows) into the "Upcoming Shows Page URL" text field. Amplify theme will pick that up and link the Songkick sidebar widget to your shows page: 



Here's a demo of a show's page using Radiohead's Songkick account: http://amplifytheme.tumblr.com/show

Have fun creating pages for your upcoming shows! If you run into any trouble - shoot me an email: william[at]rainbird.me

support@girafficthemes.com
http://assets3.desk.com/
false
girafficthemes
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete