Home › Forums › WoodMart support forum › Product title showed fully when cursor is placed on it

Product title showed fully when cursor is placed on it

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 1, 2019 at 3:02 pm #105353

    dk1
    Participant

    Hi,

    My product titles are quite big, and are often not presented fully on the product grids, which can be confusing given the similarity of some products.

    I want full title to be shown when shortened title is hovered, just like presented on the screenshot: https://imgur.com/d3b9yAB. How can I achieve it?

    February 1, 2019 at 3:38 pm #105367

    Elise Noromit
    Member

    Hello,

    Navigate to the Theme Settings > Shop > Product styles > Product title lines limit > set “None”

    Best Regards

    February 1, 2019 at 3:41 pm #105370

    dk1
    Participant

    Hi Elise,

    this option is not suitable for me. Product titles have different length, and this option makes them look ugly due to this fact. In my first post I was quite specific about what I want.

    February 1, 2019 at 5:15 pm #105387

    Elise Noromit
    Member

    Hello,

    I am confused. You say you do not want to show the full title, and your screen shows the title limited option, and at the same time “which can be confusing given the similarity of some products.”

    In order to limit the title, choose two or one lines, if you can not cut the title, set “none”

    Best Regards

    February 1, 2019 at 5:19 pm #105389

    dk1
    Participant

    Elise,

    please look at the screenshot – https://imgur.com/a/dMTtOMk – I believe it will explain it to you.

    February 1, 2019 at 5:41 pm #105392

    Elise Noromit
    Member

    Hello,

    Ah, you want to have a limited title and full on hover, we do not have such an option, unfortunately.

    I can suggest a Custom CSS code. However, it cannot be applied to all hover design products because the full title may overlay the other elements, such as price. I have tried the CSS on this design http://prntscr.com/mfcqb5

    Here is the result I have (it is just a sample) https://gyazo.com/1682365f993243dd94d4bd587ec564b6

    If this is acceptable for your you can add this code to the Theme Settings > Custom CSS > Global: 

    body .woodmart-hover-info:hover .top-information .product-title{
	overflow:visible;
}

    Best Regards

    February 1, 2019 at 6:15 pm #105397

    dk1
    Participant

    Elise,

    thanks for you suggestion. I don’t need whole title to be unveiled on hover, though. The thing I want is this: https://gyazo.com/249f4c25860da7390d059594b5bfa2a8. I believe it can somehow be enabled for specific group of links, isn’t that so?

    February 1, 2019 at 6:25 pm #105398

    dk1
    Participant

    It is funny — there is also another thing connected to this problem, but in completely opposite way:

    while hovering some product grids, it will show you name of the image file for no reason or purpose (and the name is often technical and not very presentable): https://gyazo.com/8ae3e7af17b2e0c5cc6899feabdaf1f2

    the same happens to brand images: https://gyazo.com/4b8b35d739805818d09b71f1c947568d (I would very much prefer to have an actual name of the brand to appear rather than lowercase name of the file itself)

    So, there it goes: I want this magnificent feature to appear in the right place (product titles), while not appering in the wrong place (grid and brand images) 🙂

    February 1, 2019 at 6:43 pm #105401

    dk1
    Participant

    Basicly we need to apply “title” attribute to the actual title, while disabling this feature for images (it is actually a pretty critical bug).

    February 1, 2019 at 6:52 pm #105405

    dk1
    Participant

    Ok, I found out that removing title for the image in wordpress interface actually does the job for the product grid image problem.
    This, however, doesn’t work for the brands — attributes title link keeps on occuring

    So, one mistery solved, two to go.

    February 2, 2019 at 9:46 am #105479

    Elise Noromit
    Member

    Hello,

    Unfortunately, there is no option to set the product title exactly as per your needs.

    As for the Brands image title. Add this code to the Theme Settings > Custom CSS > Global: 

    body .product-image-summary .woodmart-product-brands img {
pointer-events: none;
}

    Best Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)