how to change thumbnails size on posts or page using [product id="" sku=""] « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Flashlight

closed

resolved

how to change thumbnails size on posts or page using [product id="" sku=""]

14 posts from 3 voices

Started 1 year ago by yogasankara
Latest reply from yogasankara
This topic is closed
This topic is resolved

Tags:

yogasankara
Member

how to change size of thumbnails (product picture), on posts or/and pages ?

using [product id="" sku=""]

I would like to make the size of thumbnails bigger on the page and post what should i modified ?

exemple page: (massage thai, massage assis)
http://massage-a-domicile-paris.fr/massages/massage-assis/

thanks you,
Raphaël ;)

Posted 1 year ago #
Devin
Moderator

Hi Raphaël,

They should adjust to the size of their container. What is the code you are using to put them into the page? Can you paste what you have in the visual editor here in your response?

Regards,

Devin

Posted 1 year ago #
yogasankara
Member

Hi Devin,

i use this WooCommerce code to put in pages and posts.:

[product id="" sku=""]

Thanks for helps ;)
R.

Posted 1 year ago #
yogasankara
Member

Helps Geat staff, this is a big trouble for my website design ;(

ie: http://massage-a-domicile-paris.fr/massages/massage-assis/

I would like to change the picture size of the added product with this shortcode : [product id=""]
from woocommerce to a post or page

Rests regards to everybody,
Raphaël

Posted 1 year ago #
Devin
Moderator
Hi Raphaël,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#top.page .product, #top.page .product.first, #top.single .product, #top.single .product.first {
width: 40%;
}
```
Regards,

Devin
Posted 1 year ago #
yogasankara
Member

Hi Devin,

thanks for your time and purpose, but they have a bug after changes :

ie:
http://massage-a-domicile-paris.fr/boutique/massage-thailandais-duree-45-minutes/

How should i modified this only on the page like this:

ie:
http://massage-a-domicile-paris.fr/massages/massage-assis/

Bests regards, ;)
Rapaël

Posted 1 year ago #
Devin
Moderator
Hello Rapaël,

Additionally add the following so that the woocommerce pages ignore the other fix:
```
#top.woocommerce .product {
width: auto;
}
```
Regards,

Devin
Posted 1 year ago #
yogasankara
Member

BIG BIG THANKS Devin ;)

I am looking now to fixed the size of the category picture with regenerate thumbs after, but it works ;)))

Merci beaucoup,

bests regards,
Raphaël

Posted 1 year ago #
yogasankara
Member

Thanks again a lot Devin and All Staff,

but there is a bug or mistery happens now:

(on this page the product thumbs are differents size, should be the same ?)
ie:
http://massage-a-domicile-paris.fr/boutique/massage-thailandais-duree-45-minutes/

(And on this page, the first line product thumbs is perfect but after they go one over the other ?)
ie:
http://massage-a-domicile-paris.fr/categorie-produit/les-massages-domicile/

I really don't understand from where it could come this is mistery for me...

Thanks for your help if you understand something, you are welcome ;)

Bests Regards,
Raphaël

Posted 1 year ago #
yogasankara
Member

second ie is now:
http://massage-a-domicile-paris.fr/boutique/cat%C3%A9gorie-produit/les-massages-domicile/

Thanks for helps, this is a big trouble for design,

bests regards,
Raphaël

Posted 1 year ago #
Dude
Dude
The image on this page is 430x622: http://massage-a-domicile-paris.fr/wp-content/uploads/2012/05/Fotolia_4534681_M-430x622.jpg - the slider displays the full version and doesn't crop the image. If you want to limit the height value open up functions.php and replace:
```
$avia_config['imgSize']['blog'] 		= array('width'=>430, 'height'=>9999, 'crop'=>false);		// image for blog posts
```
with:
```
$avia_config['imgSize']['blog'] 		= array('width'=>430, 'height'=>9999, 'crop'=>true);		// image for blog posts
```
and instead of 9999 use a reasonable height value (eg 300px). Afterwards regenerate the thumbs with: http://wordpress.org/extend/plugins/regenerate-thumbnails/
Posted 1 year ago #
yogasankara
Member

Merci Thanks,

But i still have the problem of display of thumbs, it put 2 thumbs on the first line then 1 on the second line. After restart 2 thumbs on the third line then 1 on the forst one... I do not understand why ?

ie:
http://massage-a-domicile-paris.fr/boutique/cat%C3%A9gorie-produit/les-massages-domicile/

Thanks again, bests regards to you all ;)
Raphaël

Posted 1 year ago #
Devin
Moderator
Hi Raphaël,

This should fix what the other changes have added conflicting rules for:
```
#top .shop_columns_3 .products .product {
width: 30.5%;
}
```
Regards,

Devin
Posted 1 year ago #
yogasankara
Member

Hi Devin,

thanks a lot, it was not my question but it will be fine also like that ;))

MERCI,

have a great day, bests regards
Raphaël

Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top