Return to previous page

Problems with image sizes - by additive01

This topic has 12 replies, 2 voices, and was last updated 9 years ago ago by additive01

additive01

Participant

April 5, 2015 at 20:02

Hello,

I’m having problems getting the image sizes to display correctly on my site. I’m also having problems clicking through from products on the product scroller on my mobile device. And lastly I’m having trouble getting content in the tabs on single product pages to display properly within the viewport on my iPhone.

1) Product listing pages and product scrollers

The thumbnails on the homepage and also on the shop page all appear with different heights. I would like them all to be the same height so that the thumbnail boxes all line up nicely.

2) Single product page

The main image on single product pages is quite often full height. The images are being pulled through from Amazon. My expectation was that the images would resize to be the same height. Is this possible?

Here is an example of the single product page where the image is too tall:
http://www.babyskincare.guru/product/earth-mama-angel-baby-angel-baby-oil/

3) Clicking through from my mobile device.

When using my iPhone, I can’t seem to be able to click through from products in the product scroller on the homepage. I’m trying to click on both the image and the product title and neither seem to click through to the single product page. If I tap and hold I get the option to open in a new tab and this works ok, so why doesn’t the single tap to clickthrough work?

4) Content in tabs showing full width on single product pages.

On my single product pages I’m pulling in reviews automatically from Amazon. On my mobile device this content is showing full width within the viewport without the option to horizontally scroll. I would like this content to be restricted in width so that it is all viewable.

5) I would like the add to cart / select option buttons on the product thumbnails to always be theme main colour of #007bcc rather than light grey with the active button colour of #0261a1 displayed on hover.

I’m so nearly finished building this site so if you could help with the problems above I would be very grateful!

Thanks

Blair

Please, contact administrator
for this information.

#54771 Copied Theme version: 3.7 WooCommerce version: 2.3.7

11 Answers
Eva Kemp

Support staff

April 6, 2015 at 08:30
Hello,

1. Please add this code in custom.css file:
```
.product-grid .product-image img {
   height: 250px !important;
}
```
2. Your original image sizes are too small.
You should upload it with dimensions 1135px × 1550px approximately. Please try it.

3. Please provide us with wp-admin panel and FTP credentials in Private Content.

4. Please ads this code in custom.css file:
```
@media (max-width: 480px) {.tabs .tab-content {
    width: 300px;
}}
```
5. Use this code:
```
a.button.etheme_add_to_cart_button.product_type_variable, a.button.etheme_add_to_cart_button.product_type_simple {
  background-color: #007bcc;
}
a.button.etheme_add_to_cart_button.product_type_simple:hover, a.button.etheme_add_to_cart_button.product_type_variable:hover {
  background-color: #0261a1;
}
```
Thank you.
Regards,
Eva Kemp.
#54801 Copied
additive01

Participant

April 6, 2015 at 16:19

Thanks Eva. FTP details shared in private content along with wp-admin access details.

Please, contact administrator
for this information.

#54969 Copied

additive01

Participant

April 6, 2015 at 16:45

Hi Eva,

Many thanks for your support.

I’ve implemented the CSS and it’s really close to being perfect – the only problem is the button anchor text is the same color as the background color (so is invisible) and only becomes white on hover. What do I need to add in order to have the button anchor text white at all times please?

Thanks!

#54998 Copied
Eva Kemp

Support staff

April 6, 2015 at 19:07
Hello,

Please add this code as well:
```
a.button.etheme_add_to_cart_button.product_type_variable, a.button.etheme_add_to_cart_button.product_type_simple {
 color: #FFF !important;
}
```
Regards,
Eva Kemp.
#55043 Copied
additive01

Participant

April 6, 2015 at 19:28

Amazing!

So the only remaining issue is the click through on product scoller images/titles from mobile devices.

Thanks Eva.

#55050 Copied

Eva Kemp

Support staff

April 6, 2015 at 19:48

Hello,

Please check FTP credentials as we can’t connect via FTP.

Thank you.
Regards,
Eva Kemp.

#55055 Copied

additive01

Participant

April 6, 2015 at 20:07

Sorry about that – not sure why it’s not working but I’ll reset and send again in private content.

Please, contact administrator
for this information.

#55060 Copied

additive01

Participant

April 7, 2015 at 22:05

Hi,

Please can you update me on this?

I now seem to be able to click through from product scroller images and links on my mobile but whenever I add to cart, the cart doesn’t update with products and instead, remains empty.

Please help!

#55468 Copied

Eva Kemp

Support staff

April 8, 2015 at 11:16

Hello,

I’ve checked cart in the header and it’s updated when a product is added to the cart.
Please try to clear browser cache and check again.

Thank you.
Regards,
Eva Kemp.

#55572 Copied

additive01

Participant

April 8, 2015 at 11:46

Hi Eva,

The products are being added to cart, but when you tap on ‘View cart’, the cart is empty and I see the message “Your cart is currently empty”.

Can this be resolved?

Thanks

Blair

#55578 Copied

additive01

Participant

April 8, 2015 at 14:10

Hi,

I checked at 1405 GMT today and here’s what I’ve found:

iPhone 5s – Chrome – taps on products in scroller do not work
iPhone 5s – Chrome – add to cart works but when you click through to ‘view cart’ the cart is empty

iPhone 5s – Safari – taps on products in scroller work
iPhone 5s – Safari – add to cart works but when you click through to ‘view cart’ the cart is empty

iPhone 6 – Chrome and Safari – everything works as it should

Any ideas?

Thanks

Blar

#55644 Copied
Viewing 12 results - 1 through 12 (of 12 total)