Support » Plugin: WPB Product Slider for WooCommerce » RE: Sale banner display Issue & Nav buttons

  • Resolved kitaj01

    (@kitaj01)


    Hello! Thanks for your amazing plugin, have been using the related products beforehand with great results!

    I have 2 issues with this “Product Slider” plugin..

    1 – The sale banner doesn’t display correctly, I have figured out what is causing it to do so but I have been unsuccessful in coding the CSS for this to happen, see the following link: https://livegiveaways.co.uk/storage/MainSliderSaleBannerError.mov

    The sale banner shows perfectly on the Related Products version

    2 – How do I get the navigation buttons to show the same as the “related products” navigation buttons?

    See the following link: https://livegiveaways.co.uk/storage/NavButtonIssue.png

    Thank you!

    • This topic was modified 9 months ago by kitaj01.
    • This topic was modified 9 months ago by Jan Dembowski.
Viewing 15 replies - 1 through 15 (of 16 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    @kitaj01 Do not use URL shortners in these forums again. Those have been abused in the past and are expanded when found. I have expanded yours.

    Thread Starter kitaj01

    (@kitaj01)

    Thank you and sorry for that! I had no malicious intent, I just didn’t want our website URL on display. How do I delete the URL after I have received the support? It wont let me edit the post once time has elapsed

    Thank you

    Plugin Author wpbean

    (@wpbean)

    @kitaj01 It seems a small CSS style issue with the theme. It can be fixed by adding 2 lines of CSS code. Can you give me your site URL? So that I can check it and provide you the CSS code?

    Thanks

    Thread Starter kitaj01

    (@kitaj01)

    Hello! Thanks for that!

    URL: https://livegiveaways.co.uk/

    Thank you πŸ™‚

    Plugin Author wpbean

    (@wpbean)

    Hi,

    We just released an update for this plugin. Please update the plugin on your site.

    After that add this CSS code on your site –

    .wpb-woo-products-slider.woocommerce .wpb-wps-slider-item span.onsale {
        top: 0;
        left: auto;
    }
    Thread Starter kitaj01

    (@kitaj01)

    Hello! This has not worked unfortunately πŸ™

    I have updated the cache and entered in the CSS code but it has made no change, and changing the values for top and left also make no change..

    I look forward to hearing from you!

    Thanks πŸ™‚

    Plugin Author wpbean

    (@wpbean)

    ok, Where you added the Custom CSS code? It may not be applied properly. I can’t see the code here.

    Go to your site customize ( WordPress Admin > Appearance > Customize > Additional CSS ) and add this custom CSS code-

    https://puu.sh/FR3Sl/3047b533b8.png

    .wpb-woo-products-slider.woocommerce .wpb-wps-slider-item span.onsale {
        top: 0;
        left: unset;
    }

    Thanks

    Thread Starter kitaj01

    (@kitaj01)

    Hello! Thanks for your reply, I had commented out the code as it didn’t work, I have taken out the comments and the code is now active!

    Still not made a change.

    Thank you for fixing the navigational buttons πŸ™‚

    Regards

    Plugin Author wpbean

    (@wpbean)

    I mentioned you to add the CSS code to the Customizer, You haven’t. You add this code to the Themify customizer.

    Then Replace the code with this one –

    .wpb-woo-products-slider.woocommerce .wpb-wps-slider-item span.onsale {
        top: 0!important;
        left: unset!important;
    }
    Thread Starter kitaj01

    (@kitaj01)

    Im so sorry I didn’t realise there was a difference!

    Thank you for your help, that worked perfectly

    How would I go about having our company URL removed?

    • This reply was modified 9 months ago by kitaj01.
    Plugin Author wpbean

    (@wpbean)

    Good to know that.

    Do you like provide this plugin a 5 star rating?

    Huge thanks in advance.

    Thread Starter kitaj01

    (@kitaj01)

    I will do that now πŸ™‚ Thank you

    Thread Starter kitaj01

    (@kitaj01)

    I have one more issue!

    Is there a way to permanently display the Hover popup on tablets and mobiles? As they lack a mouse cursor to hover over the product for the popup to be displayed and see the price before clicking into the single product!

    Thanks again!

    Plugin Author wpbean

    (@wpbean)

    Can you try this CSS code? Hope it will solve this-

    @media (min-width: 768px){
    	.cs-style-3 figure figcaption, .cs-style-3 figure figcaption {
    	    opacity: 1;
    	    -webkit-transform: translateY(0px);
    	    -moz-transform: translateY(0px);
    	    -ms-transform: translateY(0px);
    	    transform: translateY(0px);
    	    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    	    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    	    transition: transform 0.4s, opacity 0.1s;
    	}
    }
    Thread Starter kitaj01

    (@kitaj01)

    It worked for the desktop website but not the mobile/tablet site (the wrong way round) haha

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘RE: Sale banner display Issue & Nav buttons’ is closed to new replies.