Category - Grid List view

[nzrunner]

I am loving this product!

I am using the Grid List view to display a Category. However, the Featured, Hot and New icons obscure the pricing details.



What do I need to change to have them over the top right-hand corner of the image, which is similar to where they are displayed when you view an Item?

[nzrunner]

It's OK, I found the line of code I needed in the Category view and I have moved it into both the Grid List and Grid layout sections. It is just too big for the image displayed in the List layout, so I'm not displaying it in that layout

[Jan]

Hi, in the CSS:
media\com_phocacart\css\main.css
line cca 883: /* Alternative - Icons Hot, New, Featured - circle */
you can uncomment to get alternative displaying of the icons, similar like they are set in e.g. Phoca Duka template: see Audi A1: https://www.phoca.cz/phocacartdemo/3-audi

Jan

[nzrunner]

Ah ha, that looks much better!

Just one small issue ... because the Featured Icon has no text, it is smaller than the other two and not round. Any way of fixing that?

[Jan]

What if you add the following text into the Options - Featured text: " " -   means empty space and the box then should get the same size like if there will be some text




Jan

[nzrunner]

I've already tried that and no luck

UPDATE: -
I have been playing around with this and here are my findings: -

• If I include one   the yellow circle changes but is horribly out of shape
• If I include seven   the circle looks about right

In addition, if I choose to use text instead of spaces: -

• If I use a three letter word like "FEA", the yellow circle matches HOT and NEW perfectly
• If I use anything more, like "FEAT", the circle is out of shape

[Jan]

Hmmm, then I think, the CSS needs to be customized directly for the output

[nzrunner]

Yeah, I came to the same conclusion. I got around it by use "FEA" for my featured items