where is the HTML file??

  • Posts: 66
  • Thank you received: 0
13 years 3 months ago #22124

Hello,

Well, I wanted the product page thumbnails to be 400px by 400px but the product listing menu to be 100x100 so I did as the documentation and set the thumbnail to 400x400, then I went to the css and changed the following class:

.hikashop_product_image img {
width: 100px;
height: 100px;
}




as you can see from the image bellow the pictures were reduced but there was still a 400px space.

Using my friend Firebug I checked the page html and I found that this:

<div class=”hikashop_product_image” style=”height: 400px; text-align: center; clear: both;”>

So all I need to do is to remove this Height:400px but I just can't find the HTML file.. any idea where will it be located??

Attachments:

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 3 months ago #22127

Hi,

You need to add the CSS:
.hikashop_product_image{
height: 100px !important;
}

Otherwise, the HTML is in the file listing_img_title of the view product that you can edit via the menu Display->Views.

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

  • Posts: 66
  • Thank you received: 0
13 years 3 months ago #22152

I added the !important to my css rule and it didn't work.

I found the file listing_img_title but this is the HTML to the Joomla! template not Hika, Firebug says the class causing this problem is called hikashop_product_image

<div class=”hikashop_product_image” style=”height: 400px; text-align: center; clear: both;”>

but this class is not on this file.. the HTML page I opened not even mention Hika.. :unsure: is there any other file I could find it??

Thanks

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 3 months ago #22159

The CSS should work with the !important. If it doesn't it's because your previous CSS is cached by your browser or something like that.

It is not a template file... If you don't see it, it means that you're not at the good place. Please do a screenshot so that we can see where you're looking for that file.

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

  • Posts: 66
  • Thank you received: 0
13 years 3 months ago #22173

Hello,

Please find bellow the image of my css file with the changes I've made and a print screen of the Firebug



Attachments:
Last edit: 13 years 3 months ago by luizarios.

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 3 months ago #22186

You didn't put the CSS code I wrote:
.hikashop_product_image{
height: 100px !important;
}

but:
.hikashop_product_image img{
height: 100px !important;
}

Your CSS applies to images in the div hikashop_product_image where mine applies directly to the DIV. Which is what you want to do.

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

  • Posts: 66
  • Thank you received: 0
13 years 3 months ago #22189

Nicolas,

Thank you very much, I didn't notice the img at the end of my class, I've changed it now and it works.

Thanks again for your help, I'd be lost without you :)

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

Time to create page: 0.071 seconds
Powered by Kunena Forum