Produktbild in WooCommerce auf Seite größer darstellen

Hey Michael F,

Thank you for the inquiry.

You can use the following css code to adjust the size of the product image.

.single-product-main-image {
    width: 50%;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding-bottom: 50px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect. By disabling the file compression settings, you will be able to make the necessary adjustments and updates without any conflicts. Once you have made the required modifications, you can re-enable the file compression settings to optimize the performance of your website.

Best regards,
Ismael

Hi,

Welcome back!

Is it also possible to change the size of the picture only on certain pages?

Yes, this is possible. Each product page has a unique class name that can be used to style the elements on that specific product page. For example, if you want to adjust the featured image of the “ischset-pasta” product, use this css code.

.postid-10063 .single-product-main-image {
    width: 50%;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    padding-bottom: 50px;
}

The unique class name is “.postid-10063,” where 10063 corresponds to the product’s actual ID.

Best regards,
Ismael

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.single-product .single-product-summary {
	float: left;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
If you want it to work for every product try using this snippet for all products:

.single-product .single-product-summary {
	float: left;
}

For your next request of puttin the title and the short description above the image, do you want this for all products?
It looks like you want to split the short description in half leaving the “cloud” & “drop files here” below the image, splitting this section in half may be hard, will every product have this? Please include a admin login so we can examine this closer.

Best regards,
Mike

Hi,
Your test product has nothing in the Product description & Product short description, I assume that you will have text in one of these two places and you want this text to be above the image with the title and price, correct? Please add a sample like you plan on having it.
I believe you want everything at Deine Individualisierung and below to stay under the image, correct?

Best regards,
Mike

Hi,
I added this to your functions.php and it has moved the product image below the product summary, please check.

remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_show_product_images', 25 );

Best regards,
Mike