Hello,

I'm trying to add styling to the "View Products" text in the sub categories, looking to make it a button. The issue is, when I do, the button falls outside the category box.

It seems there is javascript handling the height of the box, but that link seems to fall out side the div. 

How can I fix this so I can add some space below the "View Products". Page with the issue is here .

Also, is there a way to control the amount of the subcategory text that gets truncated?

Kind regards,
John

 

Hello,

I resolved the truncated text issue I was having, I created a template override and updated the category.php file around line 104 to this: echo K2HelperUtilities::characterLimit($subCategory->description, 120

Would be great to have this as a setting in the "Display Settings" of the category.

Kind regards,
John

Hello,

I have tried different images heights and different text amounts, but no matter what is done the "View Products" link still falls outside of the main div.

See attachments.

Kind regards,
John

 

Hi there,

I know it's bad forum etiquette to bump a post, but I'm really in need of a solution and it's been over 2 months now.

Any help would be greatly appreciated!

Kind regards,
John

Another observation, this issue does not happen on the ItemList view when viewing the products listed within a sub-category.

Just happens on the subcategory items.

While this is not the ideal solution, since it's modifying a core file. It will be wiped out with each update, so you'll need to manually do this after each update.

The javascript causing this issue is located here:
media/k2/assets/k2.frontend.js

Scroll down to the last block labeled // Equal block heights for the "default" view and comment out the code.

Now you'll be able to use CSS to modify the height of the subcategory. You'll need to add proper CSS media queries for mobile and tablet viewports as well.

Hope this helps someone.

Kind regards,
John