pancakes

MicrostockGroup Sponsors


Author Topic: Embed code to share latest images in WP widget?  (Read 3011 times)

0 Members and 1 Guest are viewing this topic.

« on: January 28, 2019, 07:07 »
0
 Hi all

The code I embedded to show my latest images in a widget on my Wordpress site just stopped working out of the blue.  I tried to find the code snippet on my contributor space, and I can't seem to locate it or remember how I got it in the first place.

Can someone help me?  I tried on the SS forum and received no help  :-\

Thanks!


Uncle Pete

  • Great Place by a Great Lake - My Home Port
« Reply #1 on: January 28, 2019, 09:51 »
0
Not sure, try this,

By Member ID Number - link to your gallery:  http://www.shutterstock.com/gallery-970624.html

where your user number is 970624 - this one redirects, but is easiest

This works for anyone who puts their own user number between the - and the .html

http://www.shutterstock.com/gallery-######.html

« Reply #2 on: January 28, 2019, 10:26 »
0
Thanks for replying.  I'm not trying to put in a link - it's the code snippet that shows thumbnails of best selling or latest images.  You used to be able to copy the code from somewhere in your catalogue.  Possibly under promotion?  But nothing's there now.

georgep7

« Reply #3 on: January 28, 2019, 13:20 »
0
I cannot help on that, have no idea. Sorry.
But it sounds interesting. I wouod like to try.
If it is free code, can I ask for a copy or author's site link?

:)

« Reply #4 on: January 29, 2019, 00:37 »
+1
This is the code:

Code: [Select]
<div data-id='fcf89473-10e9-4020-b820-41e2c4248f10' class='sstk_widget' style='position: relative; width: 300px; height: 600px;'> <a href="https://submit.shutterstock.com" target="_blank" style="position: absolute; bottom: -1px; right: 1px;"> <img src="https://sstkcbstorage.blob.core.windows.net/content/img/red_grey.png" style="height: 26px;"/> </a><script type='text/javascript'>window._wdata = window._wdata || [];_wdata.push({server_url: 'https://promote.shutterstock.com', widget_id: 'fcf89473-10e9-4020-b820-41e2c4248f10', host_url: document.URL,width: 300,height: 600});(function(){if (typeof (alensa_widget) !== 'undefined' ) return;var alensa_js = document.createElement('script'); alensa_js.type = 'text/javascript'; alensa_js.async = true;alensa_js.id = 'alensa_w_script';alensa_js.src = 'https://promote.shutterstock.com/content/embed.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(alensa_js, s);})();</script></div>

georgep7

« Reply #5 on: January 29, 2019, 05:43 »
0
thanks for giving the code. I don't know of coding, usually struggle to understand and repair my own errors.

May I ask, you are asking for what is in bold below? I mean the alphanumeric sequence that replaced with bold text?

Sorry for messing lines nelow.

&lt;div data-id=ARE YOU LOOKING FOR THIS ALPHANUMERIC SEQUENCE?
class=sstk_widget style=position: relative; width: 620px; height: 400px;&gt; &lt;a
href=https://submit.shutterstock.com target=_blank style=position: absolute; bottom: -1px; right: 1px;&gt; &lt;img src=https://sstkcbstorage.blob.core.windows.net/content/img/red_grey.png
style=height: 26px;/&gt; &lt;/a&gt;&lt;script type=text/javascript&gt;window._
wdata = window._wdata || [];_wdata.push({server_url: https://promote.shutterstock.com,
widget_id: ARE YOU LOOKING FOR THIS ALPHANUMERIC SEQUENCE?, host_url: document.URL,width: 620,height: 400});
(function(){if (typeof (alensa_widget) !== undefined ) return;var alensa_js = document.createElement(script);
alensa_js.type = text/javascript; alensa_js.async = true;alensa_js.id = alensa_w_script;
alensa_js.src = https://promote.shutterstock.com/content/embed.js;var
s = document.getElementsByTagName(script)[0]; s.parentNode.insertBefore(alensa_js, s);})();&lt;/script&gt;&lt;/div&gt;

I just copied code from another site using the code you provides and while googling "sstk_widget"
if yours doesn't work, maybe you can try someone elses with your ID:
fcf89473-10e9-4020-b820-41e2c4248f10
and troubleshoot and repair yours.

Sorry I cannot think of anything else :)

« Reply #6 on: January 29, 2019, 06:03 »
+1
Thanks for your efforts! 
I'm not sure I can solve this.  I've got the exact same code working perfectly on an old Joomla website, but it stopped working in Wordpress.  I think I'm just going to put in a static link with an image. 
Thanks again for trying  ;)

georgep7

« Reply #7 on: January 29, 2019, 06:39 »
0
No special effort, I also learned a few things on this!

Wordpress have a great support communtiy to ask, although I guess that the first answered addressed it will be if you used a Joomla to WP migration tool to import your site :) Offtopic There is a similar (free blogging) widget for latest instagram pics. So why not be possible with simple way for a payed site?

« Reply #8 on: January 29, 2019, 06:42 »
0
 ;D

Uncle Pete

  • Great Place by a Great Lake - My Home Port
« Reply #9 on: January 29, 2019, 12:02 »
+1
Thanks for replying.  I'm not trying to put in a link - it's the code snippet that shows thumbnails of best selling or latest images.  You used to be able to copy the code from somewhere in your catalogue.  Possibly under promotion?  But nothing's there now.


OK thumbnail gallery not link to newest images on portfolio.

I don't know if the code will copy right, inside a message here. It's a shutterstock mini gallery.

<div style="width: 400px; padding: 20px; border: 1px solid #E0E0E0">
   <center>
   <span style="font-size: 9pt; font-family: Sans-Serif">
      My latest images for sale at Shutterstock:
      


   </span>
   <script language='javascript'>var shutterstock_table='';</script>
   <script src="http://www.shutterstock.com/mini_gallery.js?s=111418&t=l" language='javascript'></script>
   <script language='javascript'>document.write(shutterstock_table);</script>
   </center>
</div>
<p>
<div style="width: 400px; padding: 20px; border: 1px solid #E0E0E0">
   <center>
   <span style="font-size: 9pt; font-family: Sans-Serif">
      My most popular images for sale at Shutterstock:
      


   </span>
   <script language='javascript'>var shutterstock_table='';</script>
   <script src="http://www.shutterstock.com/mini_gallery.js?s=111418&t=p" language='javascript'></script>
   <script language='javascript'>document.write(shutterstock_table);</script>
   </center>
</div>

Or go here, right click, on a blank area, View Page Source. Old cobweb page of mine:

http://gizex.com/chinesesportsbar/

Copy the section between the <div style=> and </div> for newest and most popular (which isn't anymore, so take your pick), change the ID number to yours, unless you want to show my latest images.  ;)

I think the code in this message is correct?


 

Related Topics

  Subject / Started by Replies Last post
25 Replies
14249 Views
Last post December 30, 2013, 07:05
by kalevitamm
3 Replies
2565 Views
Last post April 21, 2013, 10:05
by Kerioak~Christine
5 Replies
2305 Views
Last post July 17, 2013, 10:24
by Kerioak~Christine
3 Replies
1974 Views
Last post July 18, 2013, 11:02
by Kerioak~Christine
9 Replies
4685 Views
Last post August 09, 2013, 13:33
by ShazamImages

Sponsors

Mega Bundle of 5,900+ Professional Lightroom Presets

Microstock Poll Results

Sponsors