Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #2535778
Disabling animation from shopping cart
Closed

Comments

  • Wen Jun started the conversation
    September 11, 2020 at 1:41am

    Hi There, 

    Would it be possible to disable the on screen animation that is made by the shopping cart during screen load ?

    Alternatively can i configure another animation option instead ? 

    Options are not found in the settings option for this plugin.

    Thanks in advance.

    Regards,

    Wen Jun.

  •  767
    Janilyn replied
    September 11, 2020 at 10:48am

    Hi Wen Jun,

    Thanks for contacting WPClever Support Forum. 

    We’ve received your ticket and assigned one of our developers to help you with that. 

    He’ll be looking into your question and responding with specific instructions as soon as possible. 

    Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

    Best regards.

    Janilyn T. - WPClever Support Agent

  •  1,222
    Dustin replied
    September 17, 2020 at 3:24am

    Hi Wen,

    I'm so sorry for the late reply!

    Yes, you can do that but you need to know about the CSS code.

    When the cart was shown, have different CSS class name here https://www.screencast.com/t/2u06J4d8DFL

    Best regards,
    Dustin

  • Wen Jun replied
    September 17, 2020 at 5:14am

    Hi Frankie, 

    Thanks for the reply. What would be the css code i need to include and which css class should i target based on your provided screenshot in order to stop the animation from happening ?

    Regards,

    Wen Jun.

  •  1,222
    Dustin replied
    September 17, 2020 at 8:24am

    If you're using the Position is Right https://www.screencast.com/t/FGw876Ml

    Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .woofc-area.woofc-effect-01 {
    -webkit-transform: translate3d(-100%,0,0) !important;
    transform: translate3d(-100%,0,0) !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
.woofc-area.woofc-effect-01.woofc-area-show {
    opacity: 1 !important;
    visibility: visible !important;
}

    And the result https://www.dropbox.com/s/0xf4zwrvvrddva6/Screen%20Recording%202020-09-17%20at%2015.22.55.mov?dl=0 (screen record video).

    Best regards,
    Dustin

  • Wen Jun replied
    September 22, 2020 at 4:12am

    Hi Frankie,

    Thanks for the provided CSS Code. However, would it also be possible to hide the shopping cart on certain pages ?

    I notice there is a problem when updating quantity on the checkout and shopping cart page with the floating button, it does not reflect on real time not unless if the user refreshes the page after updating via the floating cart button.

    Hope you can assist me on this.

    Regards,

    Wen Jun.

  •  1,222
    Dustin replied
    September 22, 2020 at 4:55am

    Please send me your website link then I can check it first.

    If you want to get the help on further issues, please buy the premium version of WPC Fly Cart here https://wpclever.net/downloads/woocommerce-fly-cart

    Best regards,
    Dustin

  • Wen Jun replied
    September 22, 2020 at 5:01am

    Hi Frankie, 

    You can try updating the item quantity of already existing products via your floating cart button on these 2 pages to see the behavior which I have described earlier.


    https://dev01.medifoods.com.my/test-grocerry/cart-test/

    https://dev01.medifoods.com.my/test-grocerry/shop-checkout/

    Let me know if you need more info on this. Thanks.

    Regards,

    Wen Jun.


  • Wen Jun replied
    September 30, 2020 at 4:53am

    Hi Frankie, 


    Sorry I think you missed out on one of my questions which I have had earlier, is it possible to hide this shopping cart on certain pages too ? If so how can i do it ?


    Regards,

    Wen Jun.