Jump to content

[Resolved] CC v6 Sub-Category Thumbnails Too Small


Syler

Recommended Posts

Hello everybody,

It's nice to be back here again.
It's been a few years since I got involved with setting up a website.
A lot has changed but as always, CubeCart is still my choice.

Anyway, could someone please kindly help and point me to the right place where I can increase the size of the Sub-Category thumbnails for CC v6.04 Foundation skin.
Any previous post maybe? I've been searching but only see post from 2011 which I believe is not going to be valid for CC v6.

Thank you.
 

Link to comment
Share on other sites

Welcome back! You need to do two things.

1. Increase the set thumb size (maximum) of the subcategory images in the skins/foundation/config.xml file.

<image reference="subcategory" maximum="105" quality="80" default="noimage.png" />

2. In the skins/foundation/templates/content.category.php file. You need to make the number of block grid columns smaller so large thumbs fit in. More info here: http://foundation.zurb.com/docs/components/block_grid.html

Link to comment
Share on other sites

Hi Al, Thank you so much for the fast reply and the instruction.
Really appreciate it. Hopefully this rusty brain still up to it.. LOL

By the way, I just found something interesting with 'Expand category navigation tree' option in CC v6.
So if that option is set to 'NO', then basically no one can get to any sub-categories if browsing using mobile phone since no thumbnails is displayed.
Just want to confirm that or is it just my phone?

Link to comment
Share on other sites

No its intentional. Different devices may display different things. They will need to navigate with the main menu. You can always add it if you wish but it will take up a lot of room on a smart phones before the products are shown which arguably could cost you sales. 

For instructions about visibility please see: http://foundation.zurb.com/docs/components/visibility.html

Link to comment
Share on other sites

I see your point and I do agree about the limited space on the phone.
So, now.. how can anyone get to the sub-categories if navigate with main menu only showing parent categories (no more dropdown menu to click and no thumbnails) is there anything that I'm missing here? Is there any way of setting the dropdown to 'NO' but doesn't effect mobile display?

Link to comment
Share on other sites

  • 1 year later...
On 30/04/2015 at 1:54 PM, Al Brookbanks said:

Welcome back! You need to do two things.

1. Increase the set thumb size (maximum) of the subcategory images in the skins/foundation/config.xml file.


<image reference="subcategory" maximum="105" quality="80" default="noimage.png" />

2. In the skins/foundation/templates/content.category.php file. You need to make the number of block grid columns smaller so large thumbs fit in. More info here: http://foundation.zurb.com/docs/components/block_grid.html

I have just increased the size of the subcategories but nothing happens on the live site. I have also cleared the cache but nothing again. I am using cubeCart V6 and Foundation aas template, what could I be missing?

Link to comment
Share on other sites

15 minutes ago, Dirty Butter said:

Did you clear the image cache along with the CC cache, and the browser cache as well?

Browser yes / images yes / cc not sure, will check again now

update...!

Problem solved.....previously missed CC cache. It was good to edit the "content.category.php" as I have also increased the size of the subcategory text.

 

Many thanks..!

Link to comment
Share on other sites

HI all,

As of today I am back on seeing the small thumbnails on subcategories page despite making the above changes.

I have already:

  • modified the config.xml from the small 105 px to 300px
<image reference="subcategory" maximum="300" quality="80" default="noimage.png" />
  • modified the content.category.php and removed the <small>...</small> so that the text appears bigger 
 <img class="th" src="{$subcat.cat_image}" alt="{$subcat.cat_name}">
  • cleared the CC cache
  • cleared the image cache
  • emptied the browser cache

While I can see the subcategories text bigger, the thumbnail max width shown is 150px. So I guess I have to change some other parameters in the php file?

Link to comment
Share on other sites

[SOLVED]

On content.category.php changed

<ul class="medium-block-grid-6 text-center{if $CONFIG.catalogue_expand_tree ==1} show-for-medium-up{else} small-block-grid-3{/if}" data-equalizer>

to

<ul class="medium-block-grid-3 text-center{if $CONFIG.catalogue_expand_tree ==1} show-for-medium-up{else} small-block-grid-3{/if}" data-equalizer>

So basically it will change the columns from 6 to 3 and now the thumbnails can fit properly.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...