Hi Mike,

The product-image size looks all right now on mobile, but only two out of eight images are displayed, the others generate question marks….
What can I do to solve this problem?

In the Product Image the image looks the way I designed it. 960 x 540 pixels. And it’s improved in the product overview, at least all the text is visible.

But alle the images in the overview are still panoramic instead of landscape on the frontend. Is it possible to have another look at it.

I would be very happy if the product image would have the same aspect ratio as 960 x 540 pixels, on desktop, tablet and mobile.

Thank you, Ismael. That does the trick for desktop and tablet. On mobile phones the images are suddenly panoramic now.
I would be so happy if you are able to fix that!

Have a nice weekend.

https://docs.google.com/document/d/1pJigbGidhwe8j37JpxLUmDGaDVgUjVm-MLrC4ZfYsN4/edit?usp=sharing

Did it in my clumsy way… Hope it gives you the info you need.

Thanks Ismael,

Looks good on desktop and mobile phone. Thanks a lot!

On my tablet there is still no image on Privé-(Foto)bespreking (4th item) and the images are still distorted (to sqare size this time). Would be very grateful if you could also fix that.

This is so nerve-wracking. Did as you asked, including removing cache. But I still see more than the 8 products I want to display.

And the lay out is different than I planned, which makes the product-images out of proportions. I guess there is margins left and right now that were not there before.

If you can just fix it for me instead of me having to follow instructions that don’t seem to work, I would be very very happy!!!

I’m so sorry… it still does not work.

I placed in in the Appearance Editor. But still this “Not found field”.

There was already some info in the editor. Could that be the reason? Or could it be this text: “Don’t display products in the clothing category on the shop page.”

This is al the info there is in there:

@media only screen and (max-width: 768px) {

/* Add your Desktop Styles here */
.responsive #top .products .product:nth-child(odd) {
clear: none !important;
}
}
post-type-archive .woocommerce-no-products-found {
display: none;
}
function custom_pre_get_posts_query( $q ) {
$tax_query = (array) $q->get( ‘tax_query’ );
$tax_query[] = array(
‘taxonomy’ => ‘product_cat’,
‘field’ => ‘slug’,
‘terms’ => array( ‘cursus’ ), // Don’t display products in the clothing category on the shop page.
‘operator’ => ‘NOT IN’
);
$q->set( ‘tax_query’, $tax_query );
}
add_action( ‘woocommerce_product_query’, ‘custom_pre_get_posts_query’ );

For your information: This is in the Enfold Quick CSS. Could that be interfering?

.single-product-main-image {width: 66% !important;}

#top .product div.images img {
width: auto;
margin: 0 auto;
}

#top.archive .thumbnail_container img {
height: 324px;
}

@media only screen and (max-width:767px) {
.responsive #top #main .sidebar {
display: block !important;
width: 100% !important;
border: 0 !important;
}

.responsive #top #main .sidebar .inner_sidebar {
margin-left: 0 !important;
}
}
.avia-button {
background-color:gold!important;
}

.product_cat-cursus .single-product-main-image{
width: 30%!important;
}

add_action( ‘woocommerce_product_query’, ‘custom_pre_get_posts_query’ );

I see a whole lot of coding in my Quick CSS. Could it be one of these codes is causing trouble?

Should I remove this coding, before I add your new suggestions? As I am no web-developer, I’m unable to understand these codes and what they do for my website…

This is what is currently there:

.single-product-main-image {width: 66% !important;}

#top .product div.images img {
width: auto;
margin: 0 auto;
}

@media only screen and (max-width:767px) {
.responsive #top #main .sidebar {
display: block !important;
width: 100% !important;
border: 0 !important;
}

.responsive #top #main .sidebar .inner_sidebar {
margin-left: 0 !important;
}
}
.avia-button {
background-color:gold!important;
}

Make an entree for you. Hope you won’t need to remove plugins…

Hi Nikko, Today I moved my website from a subdomain: website.irisdepasse.nl to the real URL: http://www.irisdepasse.nl. Maybe that explains the Internal Server Error?

Thanks a lot, Ismael. This problem is solved!

Hello, This question is still unanswered. Can you help me out please?

Thanks, will try this!

Problem has been solved by using a backup! So no action needed anymore on this topic

It’s been redirected from the moment I bought the theme and I have been working like this for more than a month now, so I think the fact that it’s been redirected can’t be the root of the problem.

Have been searching in the history of my browsers to see if I could find a clue. Can it be that it has something to do with this? I see the word delete in it….

http://website.irisdepasse.nl/wp-content/deleteme.1d391ea39e36494396ce63659b13ce9c.php?787333e84c485df12b6ab84940245c211

Could be that the last thing I did was enter code given to me ad topic:
#739597
Can it be that that has something to do with it?