Allow a fixed Two rows to display product title

Discussion in 'HTML & Website Design' started by dabidovic123, Oct 14, 2019.

0
  1. #1
    Hi,

    Please, How to make the product titles AUTOMATICALLY displayed in Woocommerce archive (home & categories) on TWO lines (around 10 words).

    The site is not live yet.

    I join two pdf files of the Woocommerce archive (before and after). The after one is a photo editing to illustrate.

    If you can see I expect:

    * To set a permanent and fixed two lines' space for the products' title.
    * If the title exceeds Two lines, the 'read more' should be displayed like this: (...)
    * Although the product's title is short, space must don't be shrunk and permit to display the title on two rows

    * Also the rating stars, the prices and the CTA buttons should be always Aligned and Stuck.

    Thank you for help.

    1. woocom archive before
    https://uploadfiles.io/t6vgbb7r

    2. woocom archive after
    https://uploadfiles.io/eodejzqz

    Note: copy & past these links in your Browser
     
    Last edited by a moderator: Oct 14, 2019
    dabidovic123, Oct 14, 2019 IP
  2. RahulSaini

    RahulSaini Well-Known Member

    Messages:
    222
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    123
    #2
    I am unable to download your files, it giving error message.
    You can use "text-overflow" css property if you want to display text with "..." after 1 or two lines.
    try mediafire, dropbox or google drive to upload your file so everyone can see them properly
     
    RahulSaini, Oct 21, 2019 IP