Updated Slider - Images not loading properly

tiarnan_lee's Avatar

tiarnan_lee

05 Oct, 2018 01:45 PM

Hi,

I just updated the slider to 3.3.7 - but now none of my images are loading properly:

https://coco29.com/last-minute-diy-mothers-day-gift-ideas/

Is there something else I need to do?

Thanks

  1. Support Staff 1 Posted by Dmitry Semenov on 05 Oct, 2018 02:24 PM

    Dmitry Semenov's Avatar

    Hello,

    I don't see any issues on the page that you linked, in what browser do you get the issue?

    Dmitry

  2. 2 Posted by tiarnan_lee on 05 Oct, 2018 02:49 PM

    tiarnan_lee's Avatar

    Hi Dmitry,

    On firefox - I just have a spinner - but on Edge and Chrome it seems to be working...

    Also - on firefox - the deeplinking was working - now its not - however - on Edge on Chrome the deeplinking never seemed to be working (the end of the urls didnt change)

    ----

    to confuse matters more - this url works fine on firefox (images display perfectly in the slider) -
    https://coco29.com/diy-mothers-day-craft-ideas-for-kids-to-make/

    however - I didnt do any updating on it (ie tick the deeplinking boxes)

    Thanks,

    Tiarnan

  3. 3 Posted by tiarnan_lee on 05 Oct, 2018 02:59 PM

    tiarnan_lee's Avatar

    Sorry - I think it may have been the A3 lazy loader plugin causing problems - will be back in a bit - just gonna test it :)

  4. Support Staff 4 Posted by Dmitry Semenov on 05 Oct, 2018 03:19 PM

    Dmitry Semenov's Avatar

    I don't see any problems in Firefox too, check if browser extensions do not cause the issue (open in Incognito mode).

  5. 5 Posted by tiarnan_lee on 05 Oct, 2018 03:44 PM

    tiarnan_lee's Avatar

    ok - I think its all good now - and the deeplinking is working great - for example - if I paste, into a browser: https://coco29.com/diy-wedding-centerpieces-on-a-budget/#image4

    it takes me straight to slider 4...

    However - theres one issue - when I pin the above image (4) - from pinterest it links back to the very beginning of the slider, instead of going direct to the image that was pinned (4)

    https://coco29.com/diy-wedding-centerpieces-on-a-budget/
    -----

    Is there anyway to fix this?

    This is what pinterest is pulling up when I go to pin image 4 (or any of the deeplinked images) - (you can see the deeplinking image number is missing)
    https://www.pinterest.com/pin/create/null/?url=https%3A%2F%2Fcoco29.com%2Fdiy-wedding-centerpieces-on-a-budget%2F&media=https%3A%2F%2Fcoco29.com%2Fwp-content%2Fuploads%2F2015%2F02%2FTwig-Butterfly-Centerpiece.jpg&h=1050&w=550&description=Twig%20%26%20Butterfly%20Centerpiece%20%7C%20Click%20Pic%20for%2026%20DIY%20Wedding%20Centerpieces%20on%20a%20Budget%20%7C%20DIY%20Wedding%20Decorations%20for%20Outside

    thanks again

  6. Support Staff 6 Posted by Dmitry Semenov on 05 Oct, 2018 04:07 PM

    Dmitry Semenov's Avatar
    https://coco29.com/diy-wedding-centerpieces-on-a-budget/
    

    is URL that you're sending to pinterest in the last link that you posted.

    You need it to add #image15 to the end, so final share URL looks like this:

    https://www.pinterest.com/pin/create/null/?url=https%3A%2F%2Fcoco29.com%2Fdiy-wedding-centerpieces-on-a-budget%2F%23image15&media=https%3A%2F%2Fcoco29.com%2Fwp-content%2Fuploads%2F2015%2F02%2FTwig-Butterfly-Centerpiece.jpg&h=1050&w=550&description=Twig%20%26%20Butterfly%20Centerpiece%20%7C%20Click%20Pic%20for%2026%20DIY%20Wedding%20Centerpieces%20on%20a%20Budget%20%7C%20DIY%20Wedding%20Decorations%20for%20Outside
    
  7. 7 Posted by tiarnan_lee on 05 Oct, 2018 04:18 PM

    tiarnan_lee's Avatar

    ok, so this is obviously for the end user to pin images - any image they pin from the main url - example -
    https://coco29.com/diy-wedding-centerpieces-on-a-budget/

    so they might pin -
    https://coco29.com/diy-wedding-centerpieces-on-a-budget/#image2
    https://coco29.com/diy-wedding-centerpieces-on-a-budget/#image4
    https://coco29.com/diy-wedding-centerpieces-on-a-budget/#image6

    when those images go on to pinterest - and someone on pinterest clicks them - they need to link back to the relevant image (the ones above for example) - rather than always being brought to the beginning of the slider
    eg https://coco29.com/diy-wedding-centerpieces-on-a-budget/

    ----
    For example - if you pin any images on the slider below - then on pinterest - if you click the relevant image - it will take you to the correct image on the slider
    https://www.catchmyparty.com/photos/2262706

  8. Support Staff 8 Posted by Dmitry Semenov on 05 Oct, 2018 04:33 PM

    Dmitry Semenov's Avatar

    For example - if you pin any images on the slider below - then on pinterest - if you click the relevant image - it will take you to the correct image on the slider https://www.catchmyparty.com/photos/2262706

    This website has a separate page for each image - with the unique title, description, and canonical URL. The same way as you have a separate page for each post.

    Pinterest by default grabs canonical URL of the page, to make it share specific image within page you'll need to code custom "pin it" button that would include #image part.

  9. 9 Posted by tiarnan_lee on 05 Oct, 2018 11:12 PM

    tiarnan_lee's Avatar

    is that website using your slider?

  10. Support Staff 10 Posted by Dmitry Semenov on 06 Oct, 2018 04:22 AM

    Dmitry Semenov's Avatar

    Yes, but it's not WordPress-based website. It's a custom coded implementation via slider API.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac