Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: [SOLVED] Different thumbnails size

[SOLVED] Different thumbnails size 11 years 7 months ago #306

Hello On the front page:

ajmer.pl/test/sklepik.html

I have two main categories whom thumbnails I'd like to resize. However when I do this, the thumbnails from subcategories get also resized.
Is there any way to resize thumbnails only from main category and leave the ones from subcategories at the same size?

Warmest Regards
Dan
Last Edit: 11 years 6 months ago by Support.
The topic has been locked.

Different thumbnails size 11 years 6 months ago #331

Hi,

I didn't quite understand what you are trying to say.
Are you re-uploading with different image size. Did you mean this by resizing? You can use CSS resizing though.
Or you can manually upload the category images. For example you one of your category image is stored right here:
/test/images/stories/virtuemart/category/resized/galanteria6_400x400.jpg

use your Adobe Photoshop and resize it to whatever you want, then re-upload (make sure the file name remains the same).

Cheers.
The topic has been locked.

Different thumbnails size 11 years 6 months ago #353

What I want is thumbnails with two ladies on this page at a larger size:

ajmer.pl/test/sklepik.html

and the thubnails from subcategories on the page below to remain as they are:

ajmer.pl/test/sklepik/48/galanteria-i-dodatki.html

Now

I tried to increase height in CSS settings:


a#FWcategorynameImage {
display: block;
height: 2900px;
padding: 10px;
text-align: center;
}

but the result is that the size of thumbnails from both pages increases.

I played with switching off and switching on autothumbnails generation inside of virtuemart administration and it didn't help.


Also I did as you mentioned. I increased thumbnail size in photoshop and reuploaded it to RESIZED folder with the same name.
Didn't help. The thumbnails size remains the same all the time.
The topic has been locked.

Different thumbnails size 11 years 6 months ago #364

Ohhh i see what you mean now.
It is a very interesting thing though. Please follow my steps exactly, you will get what you are looking for.

Open this PHP file:

ajmer.pl/test/templates/nowy2kom/html/com_virtuemart/virtuemart/default_categories.php

and find this line (51th line):
<a id="FWcategorynameImage" href="<?php echo $caturl ?>" title="<?php echo $category->category_name ?>">

change it with this:
<a id="FWcategorynameImage" class="FrontPageImage" href="<?php echo $caturl ?>" title="<?php echo $category->category_name ?>">


then open this CSS file:
ajmer.pl/test/templates/nowy2kom/html/com_virtuemart/assets/css/flexibleVM2Global.css

scroll to the very bottom and add this CSS rule:
a#FWcategorynameImage.FrontPageImage {
	height:250px;
}

then only the image in the Frontpage of Virtuemart will be enlarged (in this page: ajmer.pl/test/sklepik.html) and the other will remain the same.

(you can play around with the height:250; parameter)

Flexible Support Desk.
The topic has been locked.

Different thumbnails size 11 years 6 months ago #380

Works perfectly!

Thanks
The topic has been locked.

Different thumbnails size 11 years 6 months ago #382

Hi,

I am glad things get worked as expected.

Flexible Support Desk.
The topic has been locked.
Time to create page: 0.118 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo