Okay
  Public Ticket #3539482
Add to cart section
Closed

Comments

  • Bartłomiej started the conversation

    Hello, I have a problem with overlapping elements. When I click "add to cart" on the playlist, an appropriate menu opens with a choice of two variants. Where can I edit this window? First of all, the "add to cart" text overlaps with "view cart" - see the screenshots I attached. Second additional question, where can I change the colors of this menu? What I mean is the colors of all the buttons and the typography of the text in this menu. Best regards, Bartłomiej.

    Attached files:  Zrzut ekranu 2023-12-8 o 21.31.08.png
      Zrzut ekranu 2023-12-8 o 21.31.01.png
      Zrzut ekranu 2023-12-8 o 21.30.39.png

  •  1,114
    Max replied

    Hi,

    Go to wp-admin > mp3 player > settings > pop up and change the colors there.

    Tell me if it works 

    Thanks,


    Max from the Sonaar.io Crew

  • Bartłomiej replied

    Hi, thank you very much for the information. Color changing works fantastic. However, the problem of overlapping elements still remains. The "add to cart" text overlaps with "view cart" - see the screenshots I attached previously. Do you know how to fix this?

  •  1,114
    Max replied

    Hi,


    I cant reproduce the issue on my end. See screenshot https://drops.sonaar.io/i/edLM2A

    Can you elaborate ?

    Thanks,


    Max from the Sonaar.io Crew

  •  1
    Gin replied

    I am interested in this post, so I would like to participate. I think Bartlomiej is referring to a CSS issue AFTER you click the add to cart. I re-attach the screenshot from the bottom of the page. I hope you don't mind.

    I have a similar problem then the player is showing in a grid, and when there are little icons / links next to the Add to Cart, the icons positioning is messed up when you click Add to Cart, the message 'Go to/View Cart' is pushing the other icons... Will get back to you on later on this one. Is there a way to pin posts as favourite in this forum? 

    5641466702.png
  •  1,114
    Max replied

    This will be fixed in the next plugin update. In the meantime, add this custom CSS:

    #sonaar-modal .wc-forward {
        position: relative;
    }
    

    Thanks,


    Max from the Sonaar.io Crew

  •  1
    Gin replied

    Thanks, will this be updated for the grid view as well? Please see before and after 'Add to Cart'.

    5242955930.png
    2853105887.png
  •  1,114
    Max replied

    No, this code is only for the OP request. Please submit a new ticket for your particular issue.

    Thanks,


    Max from the Sonaar.io Crew

  •  1
    Gin replied

    Will do Max, thank you - since I am still in the 'testing' and tweaking stage it is not urgent for me, this will be the final tweaks.

  • Bartłomiej replied

    Thank you for your replies. I added your custom CSS and the text changed its place but it is still not where it should be. See screenshot. Best regards

    Attached files:  Zrzut ekranu 2023-12-12 o 12.49.26.png

  •  1,114
    Max replied

    @Bartlomiej, sorry use this code instead:

    #sonaar-modal .wc-forward {
        position: relative;
        bottom: unset;
        right: unset;
    }
    


    Thanks,


    Max from the Sonaar.io Crew

  • Bartłomiej replied

    Now it works fine, thank you!