Custom css into the emails

  • Resolved Stilian

    (@stilians)


    4 years, 1 month ago

    Hi,

    I’m trying to add some custom css into the emails. For example, I want to hide the Price and Line Subtotal columns of the {{cart.product.table}} shortcode, because the table is completely unresponsive on small screens. Normally, I would use something like this: th:nth-child(4), th:nth-child(5), td:nth-child(4), td:nth-child(5) {display:none;}.

    I saw your filter for adding styling to the table here, but I can’t figure out how to use it properly (or if it’s even possible) for my desired result.

    Can you help, please?
    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support CartFlows Team

    (@cartflows)

    Hello @stilians,

    Thank you for reaching out to us.

    The product table is the block of the products data. There is no option to hide or remove any column from it. Using custom CSS, it is not possible to hide the table column.

    Can you please share the issue your facing with product table ( with screenshots ) in responsive so we will try to improvise it?

    Looking forward to hearing from you.

    Thread Starter Stilian

    (@stilians)

    Hi,

    Thank you for your quick response.

    Here are a couple of screenshots: in 640px width (okay) and in 350px width (not okay).

    To make it responsive, you could change the arrangement of the table data and/or create some parameters (like: remove=”price”) for the product table shortcode for removing data from the table.

    Here’s an idea of a responsive table I found: in 540px width and in 320px width (it includes a media query though).

    Best regards.

    Hello @stilians,

    Thank you for sharing the information.

    It will help us a lot to improvise the email product table.

    We will check it and will make the changes accordingly.

    Let us know if you have any questions.

    Thread Starter Stilian

    (@stilians)

    Hi again,

    Just an update to give you better screenshots of the example product table.

    Bigger screen and smaller screen.

    Hope it helps you better. We appreciate your work!
    Thanks.

    Plugin Support CartFlows Team

    (@cartflows)

    Hello @stilians,

    Thank you! We will note it.

    browniescomtr

    (@browniescomtr)

    I have a similar problem about mail.
    Same mail is different from clients. Thunderbird is ok but in outlook images are gigantic.

    here is thunderbird
    https://pasteboard.co/JA8KvBd.png

    here is outlook
    https://pasteboard.co/JA8L9tIm.png

    Plugin Support CartFlows Team

    (@cartflows)

    Hello @browniescomtr,

    Thank you for sharing the details.

    We already added this task in our development queue. Our developers will start working on it soon.

    Thank You!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Custom css into the emails’ is closed to new replies.