• Resolved nlnieuw7

    (@nlnieuw7)


    Your new version 2.0 breaks the styling in our webshop. We use a lot of CSS to make everything look smooth. Now we have to spend a lot of time to make it look good again. Also, the translation of “Add to cart” to Dutch is lost. Any idea why?

    We had to switch back to 1.5.1 but are wary of security issues.

    Do you have any suggestions on how to adopt the old styling without figuring out everything again?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author The Rite Sites

    (@theritesites)

    Hi nlnieuw7!

    We are sorry about the issues that came up!
    First, in the styling, it should just be a new parent class, the rest of the html and css should have kept the same attributes. If you toss me a link to your website, I can take a look at the current html and could probably point out the changes needed.

    As for translation, when you downgraded, did the translation come back?

    – TRS

    Plugin Author The Rite Sites

    (@theritesites)

    Looking through the code, if I can make an assumption about the add to cart translation issue:
    I take it you are not changing the title manually. In this scenario on version 1.5.1 we rely on WooCommerce’s string. In 2.0.0 we ignore it.

    I will work on getting that change into the code today. When I update you on that status I’ll try to give you an example of the old to new css selectors.

    • This reply was modified 3 years, 10 months ago by The Rite Sites. Reason: Comprehension
    Thread Starter nlnieuw7

    (@nlnieuw7)

    Hi TRS,

    Thanks for your quick response and for helping me out!

    Yes, the translation came back after downgrading.

    On the homepage – https://www.reverta.nl – you’ll find the orange button “Bestellen”. Click on that button, a popup opens and you’ll see to “add-to-cart” buttons for variable products.

    On a single product page – e.g. https://www.reverta.nl/dermaboost-hyaluronzuur-moisturizer/ – please look at the black bar at the bottom where your plugin is used (for simple products).

    Cheers,

    Paul

    Plugin Author The Rite Sites

    (@theritesites)

    Hi Paul,

    We believe we put out a fix in 2.1.0 that should solve the translation issue
    As for the styling, I put a couple more lines in the plugin description area. I will pass them here too

    The new parent div has this class structure:

    <div class="add-to-cart-pro {product_type}
    >...</div>
    

    Further, the button class structure has been updated as well:

    <button ... class="a2cp_button button alt {product_type} ...>ButtonText</button>
    

    Replace {product_type} with each associated type {simple|variation|grouped|external|subscription|custom} (previously his was only {simple|variation} and only on the parent div, we have now extended it to the button.

    The old parent divs have the following 2 html options

    <div class="woocommerce-simple-add-to-cart simple_button">...</div>
    
    <div class="woocommerce-variation-add-to-cart variations_button">...</div>
    

    The old button style as follows:

    <button ... class="simple_add_to_cart_button button alt" ...>ButtonText</button>
    

    Let me know if everything works out

    Cheers,
    Parker

    • This reply was modified 3 years, 10 months ago by The Rite Sites.
    • This reply was modified 3 years, 10 months ago by The Rite Sites. Reason: spacing
    Plugin Author The Rite Sites

    (@theritesites)

    Hi Paul,

    Were you able to give the new version a download and a try?
    Also, we love the application of our plugin on your website. Is there any way we can use your website as a premier example of how this plugin can be used? You may direct us in how you would like to move forward, if so!

    Thanks for your consideration!
    Parker

    Plugin Author The Rite Sites

    (@theritesites)

    I will be closing the support ticket as it has been over a week since your last message. Feel free to open another support ticket or send us a message in the future!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS broken with version 2.0’ is closed to new replies.