Category Display

  • Posts: 18
  • Thank you received: 0
13 years 2 months ago #24631

Hi Folks

Sorry if this is a really stupid newbie question, and it won't be the last, but I'm struggling to get my head around categories and their display.

If you go to www.arts.bg/shop and click on 'Product Listing' you'll see two categories.

For test purposes, inside each one is a single product.

There are two issues. I'd expect that clicking on a category would take me to the product listing for that category. Instead it opens an original size picture of that category with the product beneath. I'd prefer products only.

Secondly, I can't find the css to change the size of the category box. You'll see that the box is taller than it needs to be. I've searched everywhere for the css.

Can someone guide me to a previous thread because my searches have probably been using the wrong keyword.

Finally, I love www.hidesign.it and they have the category names over the pictures, bottom left. Can I use the css to make that work for me?

Many thanks

Brooksie

Last edit: 13 years 2 months ago by brooksie.

Please Log in or Create an account to join the conversation.

  • Posts: 82818
  • Thank you received: 13362
  • MODERATOR
13 years 2 months ago #24635

Hi,

I can see the products listing when clicking on the category.If you don't want the category image displayed, you should turn off the option "show image" in the hikashop options of your menu. By default, that option is turned off...

The category box size is not defined anywhere. The blank space comes from the fact that the thumbnail height and width that you set in the Files tab of the config. You should reduce the height there if you don't want so much space beneath your image.

For the design of hidesign.it, that was made by modifying the code of the file "listing_img_title" of the view "product" via the menu Display->Views. It cannot be done with just CSS.

Please Log in or Create an account to join the conversation.

  • Posts: 18
  • Thank you received: 0
13 years 2 months ago #24637

Many thanks, Nicolas.

As always, very fast response.

The two suggestions worked a treat. I assumed that clicking the 'Show image' box would do just that, not produce a large one!!

All I have to do now is figure out how the 'listing_img_title' file works!!

Nazdrave

Brooksie

Please Log in or Create an account to join the conversation.

  • Posts: 10
  • Thank you received: 0
12 years 1 month ago #68750

so what do you actually change in this file to get a larger font?

Tony

Please Log in or Create an account to join the conversation.

  • Posts: 82818
  • Thank you received: 13362
  • MODERATOR
12 years 1 month ago #68923

You don't need to edit that file to increase the size of the text.

If you want to increase the product name size, you can do it by adding such CSS in the front end CSS file via the Display tab of the configuration:
.hikashop_product_name{
font-size: 20px;
}

Please Log in or Create an account to join the conversation.

Time to create page: 0.051 seconds
Powered by Kunena Forum