How to resize images for specific categories

Hi,

In each menu item, via the Joomla menu manager, under the "products options" tab, you'll find thumbnails size settings for the listings of that menu item.
So if you have different menu items for different categories, you can have different thumbnail sizes for different categories.
So you have two ways to go about it:
- you can reproduce the category tree you have in HikaShop in the menu manager with one menu item per category with the corresponding parent elements, etc. That way, when you browse the categories on the frontend, the system will switch the menu items automatically based on the attached main category.
- You can create a menu item specific to a category, configure that menu item to display with thumbnails of a different size, get the URL of that menu item, set that URL in the "canonical URL" field of the category, and activate the "force canonical URL on listings" setting of the HikaShop configuration.

Hi,

The size of the main image on the product details page is set by the "Product page image (width x height)" setting of the HikaShop configuration and thus is common for all the products.
Now, it should be possible to cheat with custom CSS code to reduce that size for some categories.
On each product details page, the main div has classes with that format hikashop_product_of_category_XX where XX is the id of the category.
So for example, you could have:

.hikashop_product_of_category_XX #hikashop_main_image {
    width: 50px;
}

Hi,

As I said, the "Product page image (width x height)" setting is in the HikaShop configuration, under the "main" tab, in the "images" section.

As for the custom CSS I provided in my previous message, if you want to add it on your end, there are several ways (in your template, in HikaShop). Here is a page where we explain how to add custom CSS to HikaShop:
www.hikashop.com/support/documentation/1...ize-the-display.html