Return to previous page

Issues with product containers height and single product images

This topic has 9 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow

Jannis T

Participant

February 21, 2021 at 18:23

Hello,

a new client bought for his e-shop the xstore theme (lic. in priv. area), after recommending him the Electro01 demo, and he is quite happy with it but we have a few issues with the products on our staging site.
Note, the products are imported from the xml feed that his wholesaler provides and t we have no control over the imported images dimensions and the product title length.

So we encounter following issues:

Issue 1: Same height for all product containers.
I’ve managed to get that sorted out for the shop loop with your solution provided here https://www.8theme.com/topic/same-height-product-boxes/ but couldn’t figure out how to apply the same solutiion to the “Related products” and/or “Cross-Sell-Products”

Issue 2: Huge Images in single product page
e.g https://e-zafirakis.ga/product/tp-link-wireless-n-outdoor-access-point-eap110-outdoor-300mbps-ver-3-0/
Because we have no control over the images that the wholesaler provides, we need to have fixed sizes with proportional resize for the images in the single-product page.
For the shop-loop we’ve managed to do so with following css (not sure if that is the best way to do it though):

.content-product .product-content-image, .content-product .product-content-image img {
height: 200px;
object-fit: scale-down;
}

How can we set the thumbnails and main product image to a fixed sizes on the sp-page?

Issue 3: Uncaught TypeError: etTheme.loadInView is not a function
When using Woocommerce Infinite Scroll and we scroll down, the moment the pagination triggers the following error shows up in the console:
Uncaught TypeError: etTheme.loadInView is not a function
at Object.onfinish ((index):51)
at Object.success ((index):50)
at c (jquery.min.js?ver=3.5.1:2)
at Object.fireWith [as resolveWith] (jquery.min.js?ver=3.5.1:2)
at l (jquery.min.js?ver=3.5.1:2)
at XMLHttpRequest. (jquery.min.js?ver=3.5.1:2)

Thanks in advance
JT

Please, contact administrator
for this information.

#275623 Copied Theme version: 7.2.5 WooCommerce version: 5.0

8 Answers
Olga Barlow

Participant

February 22, 2021 at 13:51
Hello,

1) I checked related products and don’t see the problem with the alignment https://prnt.sc/103qund

2) Add the below code to Theme Options > Custom CSS to limit the product image height and height of the gallery images

.product-images .woocommerce-product-gallery img { max-height: 600px; width: auto; } .product-images .woocommerce-product-gallery .thumbnails-list img { max-height: 100px; width: auto; margin: auto; }

3) Did you set correct selectors according to docs https://www.8theme.com/documentation/xstore/plugins/woocommerce-infinite-scroll-and-ajax-pagination-settings/

Regards
#275736 Copied
Jannis T

Participant

February 22, 2021 at 14:36

Hello Olga,

to 1) they are indeed ok, my bad sorry
to 2) Awesome, It works , thank you!
to 3) I think i got the settings, according the documentation, correctly pasted in:
https://prnt.sc/103s817
The Animations do not work either ..admin login pasted case needed

Regards,
JT

Please contact administrator
for this information.

#275749 Copied

Olga Barlow

Participant

February 22, 2021 at 19:27

Hello,

Link that you provided does not work https://prnt.sc/1041qc7

Regards

#275824 Copied

Jannis T

Participant

February 24, 2021 at 11:41

Hello Olga,

i’m sorry, there were some staging server issues lately.
I’ve created and tested a new admin-account for you

Thank you

Please contact administrator
for this information.

#276187 Copied

Jannis T

Participant

February 24, 2021 at 11:45

Apropos,

to 1) again..plz check the screenshot
https://prnt.sc/105l2wd

#276189 Copied
Olga Barlow

Participant

February 24, 2021 at 17:08
Hello,

Something is wrong with your permalinks settings and Nginx settings https://prnt.sc/105rvcp . Contact your hosting provider to solve the issue.

Add the below code to fix the titles to Theme Options > Custom CSS

.content-product .product-title a { min-height: 7.5ex; line-height: 2.5ex !important; }

Regards
#276300 Copied
Jannis T

Participant

February 25, 2021 at 09:50

Hello,
thanks for the css fix, it works sofar.

I can’t really say why the login is not working for you. Others have no issue log in to the dashboard. I’ll contact the provider and see if there’s an issue with config.

Thanks

#276428 Copied

Olga Barlow

Participant

February 25, 2021 at 18:26

Hello,

You are welcome!

Regards

#276572 Copied
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Issues with product containers height and single product images’' has been successfully resolved, and the topic is now closed for further responses

Issues with product containers height and single product images

Explore our best WordPress WooCommerce Themes collection