Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 25, 2017 at 3:27 am #738080
    glossmoderne

    I have a widget code that I need to add to every WooCommerce product page:

    <div id=”olapic_specific_widget”></div><script type=”text/javascript” src=”https://photorankstatics-a.akamaihd.net/81b03e40475846d5883661ff57b34ece/static/frontend/latest/build.min.js&#8221; data-olapic=”olapic_specific_widget” data-instance=”9d89ac4dfb6d9b05454c9f7c230a8dd9″ data-apikey=”3f9a75ba43acaa23934ae623ee6631b7165191d90571fb8f5384d30b6cff0692″ data-tags=”” async=”async”></script>

    I just need to figure out where to put this code (so that the widget will appear on all the product pages). Also I need to figure what product variable (or shortcode?) to specify for “data-tags” so that the code can loop the product accordingly. Does that make sense? Please help! Thank you!!!

    January 25, 2017 at 11:31 am #738282
    Basilis

    Hey glossmoderne,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    January 25, 2017 at 6:18 pm #738512
    glossmoderne

    Is there a way to do the first part of my question? To just add the widget code to the product pages?

    January 25, 2017 at 6:52 pm #738518
    Yigit

    Hi!

    Please try adding following code to Functions.php file in Apperance > Editor 

    function av_woocommerce_code(){
if(is_woocommerce()){
?>
// Your code goes here
woocommerce_code');

    Code will be added to footer of your WooCommerce pages. I am not sure if i understood the second part of your question. However, as Basilis mentioned, it would be the best if you considered to hire a freelance developer :)

    Cheers!
    Yigit

    January 25, 2017 at 7:31 pm #738531
    glossmoderne

    I was able to add the code to the product description box and it seems to be working.

    Is there a way to remove the border around it?

    January 25, 2017 at 7:34 pm #738532
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top div div.product .woocommerce-tabs .panel {
    border: none;
}

    Regards,
    Yigit

    January 25, 2017 at 8:39 pm #738565
    glossmoderne

    Also would you know how to change the font size for “Auto-Ship price”?

    I would like to also capitalize the P in price but not sure where to do that.

    This is the WooCommerce Auto-Ship plug-in.

    Thank you for your help!

    January 25, 2017 at 8:48 pm #738569
    glossmoderne

    Nevermind I figured it out. Thank you!!!

    January 25, 2017 at 9:13 pm #738588
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    h3.wc-autoship-price, h3.wc-autoship-price span {
    font-size: 18px!important;
}

    Cheers!
    Yigit

    February 15, 2018 at 6:17 pm #912847
    Vrout

    Hi,

    When I try using Yigit’s code (post #738518) I have this error message (translated from french) : “Your PHP modifications have been canceled because there is an error on [last line of Yigit’s code]” : syntax error, unexpected end of file

    Can you please tell me what I should do to make it work ? Thank you !

    February 15, 2018 at 10:23 pm #912971
    Basilis

    Hi,

    You need to provide us the code you are using exactly on a service like pastebin.com
    so we can be able to help you out with that.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.