WordPress.org

Ready to get started?Download WordPress

Forums

WooCommerce Facebook Like Share Button
works great but iframe set on width 126px; how to change? (9 posts)

  1. dewebmeester.nl
    Member
    Posted 1 year ago #

    Using the Agora theme from cssigniter.com on http://www.cheap-web.nl/webwinkelduga/winkel2/ and the plugin. It works fine untill I click on "like": the iframe opened is set as 'element.style widht 126px' and can not find out where to change this (to 526px) in order to make the block shown as should.

    http://wordpress.org/extend/plugins/woocommerce-facebook-share-like-button/

  2. terrytsang
    Member
    Plugin Author

    Posted 1 year ago #

    Found a post on for the solution (http://forums.squarespace.com/design-coding/post/1848533).

    Can you add extra css and see what happen?

    .summary, .fb-like { overflow:visible !important; }

  3. dewebmeester.nl
    Member
    Posted 1 year ago #

    Thanks for your reply terrytsang but I did not manage. I tried a lot with the extra css especially with Firebug but cannot find a wya to get this solved. I was seeking for the js file handling this 126px with but even this I cannot find at the moment. Shouldn't I set this in an API with facebook? Hope you can help me out otherwise I need to find an other solution.

  4. terrytsang
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, the API only have width option, do not have css setting for the popup box.

  5. dewebmeester.nl
    Member
    Posted 1 year ago #

    Hope still to find a solution. Please have a look at http://www.cheap-web.nl/webwinkelduga/winkel2/ and please see how to change this iframe showing up after clicking the like button. Or should I just disable the iframe popup to show up? How?

  6. dewebmeester.nl
    Member
    Posted 1 year ago #

    This is the code Firebug shows. Changing the 166px in this code to 566px would help. But how?

    <div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-action="recommend" data-show-faces="false" data-width="800" data-layout="button_count" data-send="1" fb-xfbml-state="rendered">
    <span style="height: 20px; width: 166px;">
    <iframe id="f33bf7e8fb051" class="fb_ltr" scrolling="no" name="f2117891c2f98f" style="border: medium none; overflow: hidden; height: 20px; width: 166px;" title="Like this content on Facebook."...... etc

    I looks like something is solved as I started with 126px. This is because I changed "like" to "recommend" which hase more letters..... But: still not solved....

  7. Jamnbear
    Member
    Posted 1 year ago #

    I am having the exact same issue. The "send" iframe displays perfectly however the share button does just like the OP issue at the exact same pixel dimensions. I am also noting that by clicking the Like button and logging into facebook that the LIKE is automatically posted before any comments or submit button is pushed.. is this correct?

    You can see a product page at http://www.growlwear.com/shop/beards_rule_lightblue/

    As there are few (aka none other than yours) options for adding facebook sharing functionality to woocommerce, any help is GREATLY appreciated.

  8. pricklepantz
    Member
    Posted 1 year ago #

    i too has same problem as the popup box shows behind sidebar.
    i've added overflow: visible !important for sidebar but still behind.

    instad of popup to bottom right, can we change to other way like bottom left?

  9. terrytsang
    Member
    Plugin Author

    Posted 1 year ago #

    Hi all, i have updated CSS for facebook like and send button box that was cropped with latest version (2.0.10). Do give it a try and feedback, thank you.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic