Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adding rating widget underneath Add to Cart button


valecf1

Question

Site URL: https://www.jonasstensgaard.com/free-craft-files-svgs-and-more/free-heart-arrow-svg-files

I'm on the York template and I'm using the Rating Widget to add a rating option on my products. I want to do two things:

1) How do I remove the "Rate this" box? It's not pretty, takes up space and seems unnecessary.

2) More importantly, I want to move the rating to underneath the Add to Cart button on my product pages. Is that possible? In the example shown, we're in the freebie section and I've replaced the Add to Cart button with a "FREE" text but that probably shouldn't change anything?

This is the Javascript code I've inserted into the site wide footer code injection as instructed by the Rating Widget website:

<script type="text/javascript">(function(d, t, e, m){
    
    // Async Rating-Widget initialization.
    window.RW_Async_Init = function(){
                
        RW.init({
            huid: "453808",
            uid: "8f1f467d9b5cc29128dfe57c5c13d115",
            source: "website",
            options: {
                "advanced": {
                    "font": {
                        "hover": {
                            "color": "#3C68BB"
                        },
                        "color": "#3C68BB"
                    }
                },
                "size": "medium",
                "label": {
                    "background": "#B6C3DB"
                },
                "style": "flat_yellow",
                "isDummy": false
            } 
        });
        RW.render();
    };
        // Append Rating-Widget JavaScript library.
    var rw, s = d.getElementsByTagName(e)[0], id = "rw-js",
        l = d.location, ck = "Y" + t.getFullYear() + 
        "M" + t.getMonth() + "D" + t.getDate(), p = l.protocol,
        f = ((l.search.indexOf("DBG=") > -1) ? "" : ".min"),
        a = ("https:" == p ? "secure." + m + "js/" : "js." + m);
    if (d.getElementById(id)) return;              
    rw = d.createElement(e);
    rw.id = id; rw.async = true; rw.type = "text/javascript";
    rw.src = p + "//" + a + "external" + f + ".js?ck=" + ck;
    s.parentNode.insertBefore(rw, s);
    }(document, new Date(), "script", "rating-widget.com/"));</script>

And this is the on-page code that I've inserted into a code block on the specific product page:

<div class="rw-ui-container"></div>

Thanks in advance! 🙂 

rating.jpg

Link to post
  • Answers 0
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...