WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] How do I add a "Add Product Preview Script" (22 posts)

  1. jackiebk
    Member
    Posted 1 year ago #

    I am trying to add the following script into the table but nothing seems to be happening. Would be grateful for your help. Thanks.
    <script type="text/javascript" src="http://wms.assoc-amazon.com/20070822/US/js/link-enhancer-common.js?tag=aff.id"></script><noscript><img src="http://wms.assoc-amazon.com/20070822/US/img/noscript.gif?tag=aff.id" alt="" /></noscript>

    http://wordpress.org/extend/plugins/wp-table-reloaded/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    that script looks ok to me, except maybe that you didn't fill in your affiliate ID.

    Can you maybe post the link to the page with the table where this is not working?

    Regards,
    Tobias

  3. jackiebk
    Member
    Posted 1 year ago #

    I did put in my affiliate ID but for the purpose of showing it here in place of my affiliate ID i just put in aff.id What shows up is just a blank table.

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    ok, thanks for the explanation.

    Still: Please post the link to the table, as I can then investigate this for JavaScript errors.

    Thanks,
    Tobias

  5. jackiebk
    Member
    Posted 1 year ago #

    Ok will get on it. I have to recreate the entire thing cos I deleted everything. Should not take long.

  6. jackiebk
    Member
    Posted 1 year ago #

    The link is http://bestclothdiapersreviews.com/all-about-cloth-diapers/152/

    Also how do I get rid off what is on top "show 10 entries" (I want the search button)
    Thanks

  7. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for this. As it seems, there are some manual line breaks in the JS code from Amazon. Can you please try to remove those? The code should be in one line of text (except for those line breaks that get added automatically due to the width of the cell being smaller than the text). A good way to to this is to drag the cell bigger by clicking the lower right corner (should work in all modern browsers).

    To get rid of the "Show 10 entries" dropdown, please see the "DataTables JavaScript features" section below the table input fields on the "Edit" screen. You uncheck the unwanted features here. This is the "Length Change" feature.

    Regards,
    Tobias

  8. jackiebk
    Member
    Posted 1 year ago #

    So basically all I have to do for my first problem is just drag the cell bigger. I did that but when I click save and go back it goes back to the original setting.
    Thanks
    Jackie

  9. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Jackie,

    no :-) What I meant with that: Drag the cell bigger, and then remove all the line breaks, so that the code is in one line only, without any line breaks.

    Regards,
    Tobias

  10. jackiebk
    Member
    Posted 1 year ago #

    The table in the following link is what I want to achieve http://3dtvreviews.org/3d-tv-comparison/

  11. jackiebk
    Member
    Posted 1 year ago #

    Yes I did exactly that but when I save and go back the box comes back to the same original size and the table is still blank

  12. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    ah, yes, no the line breaks are gone :-) Good! (And yes, it's expected that the size of the text field returns to its original size, this is not a problem.)

    This is now all we can do from WP-Table Reloaded's point of view. Unfortunately, I'm not sure, why it is still not working. Very likely this is connected to some JavaScript errors that I can see in the debug console, which are raised by that script from Amazon.
    There was a very similar problem a few days ago: http://wordpress.org/support/topic/plugin-wp-table-reloaded-insert-image-wont-except-html-code

    It seems that the Amazon scripts show some weird/wrong behavior at this time...

    Oh, and I also checked the site which shows what you want to achieve: They do this in a different way (without the not-working script): They directly embed the images and then add the buttons as direct links to the Amazon pages (with their affiliate ID included of course).

    Regards,
    Tobias

  13. jackiebk
    Member
    Posted 1 year ago #

    Hi Tobias,
    I guess I will have to do it the same way this guy does it.

    Really appreciate the prompt reply.

    Many Thanks
    Regards
    Jackie

  14. jackiebk
    Member
    Posted 1 year ago #

    Hi Tobias,
    I have been looking at the website I put up the one I want to replicate. I have been trying for about 4 hours now but just cannot get around to doing it. If you can help me in any way I would be really grateful. Many thanks

    Jackie

  15. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Jackie,

    I would love to help, but I'm not really sure how I can :-(

    I think that you will need to find other ways of integrating Amazon, i.e. not any of their dynamic widgets, but some static links to the product. Then you use that link in your table, with a button image instead of regular link text. That's how the other site does it.

    Regards,
    Tobias

  16. jackiebk
    Member
    Posted 1 year ago #

    I am completely lost :-(

  17. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    sorry about that :-)

    What you need to do is check the Amazon affiliate program site for other possibilities of integrating product infos/pictures/links into your site. Instead of using something based on JavaScript code, you will need to find links that work without it. I can imagine that they label these for example as "to be used in emails".

    Regards,
    Tobias

  18. jackiebk
    Member
    Posted 1 year ago #

    Hi,
    How do I put a picture in the table and get a clickable link from that that picture. Sorry for troubling you.
    Jackie

  19. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Jackie,

    that is possible via the "Insert image" button below the table input fields. You can either upload a picture there, or insert its existing URL. Then there's a field for the link target, where the URL for the link needs to be entered.

    Regards,
    Tobias

  20. jackiebk
    Member
    Posted 1 year ago #

    Hi,
    If you go to http://bestclothdiapersreviews.com/all-about-cloth-diapers/152/ I have taken the image url and pasted it in the box and the output is just a picture. If you go to http://3dtvreviews.org/3d-tv-comparison/ you will see a mouseover action on their pictures, would you know how it could be done. Also what do I have to do to fit the picture perfectly into the slot like in the other website.
    Thanks
    Jackie

  21. jackiebk
    Member
    Posted 1 year ago #

    Hi,
    I googled several things and I found out how to get going. So thanks Tobias once again for your prompt help.

    Thanks and regards
    Jackie

  22. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Jackie,

    awesome, that is great to hear!
    Good luck with your site!

    Best wishes,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic