Downloads

The following code can be added to your principal CSS file and then tweaked to enhance the appearance of the default Catalog presentation that comes packaged with UC. (You can view this code live at the following URL: http://www.greystokefarm.com/store/catalog) The code below will not interfere with customizations you might have made if you are using Views and have styled grid displays for your product categories.

I have tried the /modules/ubercart/uc_catalog/uc_catalog.css, but nothing seems to change when I insert this code with my other .category-xxxxxx-xxxx entries. I have tried inserting it before and after this code I have in there now and nothing seems to change when I click on the word catalog in the navigation pane. Any help please?

Put this code in your theme-specific css file, usually called style.css, located in the sites/all/themes directory. It's not a good idea to put it somewhere that can potentially be overwritten by accident or during an update.

Hi, your code snippet is nice, but what really interested me once I saw your site was the product grid thumbnails linked to the full size image popup instead of the product page. How do you accomplish that?

to get the image in your catalog to the full size, just change the file in the directory files/imagecache/uc_category/files. I didnt find the code snippet where the images are resized to the format in this folder, but if you replace an image to the size you like it ll displayed in this size at your site.

Hey Chris, et al - images are actually being resized by the Imagecache module. It lets you define resize patterns called presets through a UI under Site configuration in your Admin menu. Check it out... there are several different presets here for UC, and you should be able to change the sizes however you want. Furthermore, if you're using Views to create a catalog, you should be able to setup the View so that it uses the original image or any Imagecache preset.