Return to previous page

Single product page, size image + previous/next buttons

This topic has 27 replies, 4 voices, and was last updated 9 years, 11 months ago ago by Robert Hall

  • Avatar: cahena
    cahena
    Participant
    March 10, 2015 at 23:57

    Hi, I have 1 big issue:

    What I want is like your demo:Your demo
    This is what I have: My demo

    A. The image slider on single product page.
    I set up the images sizes in woocommerce/product/display/ single product image to 555x741px.
    But my images are 505x741px, so the result is that the previous/next image buttons are not on top of the images.
    Also, this size (505x741px) is too big, I wanted it smaller like 409x600px, so I’ve changed the size in woo/product/display, the size displays well in the single product page but the container of the previous/next buttons doesn’t fit to the new size.my demo 2

    So my question is how to reduce the size of the image on single product page in a correct way, as shown in your demo and how to fit the container previous/next button on top of the image.

    B. The next/previous product which appears up next to description
    This almost disappears as it goes out of the window, is there a way to reduce the width of the description sidebar, in order to have it display entirely and not half?

    Please, contact administrator
    for this information.
    #48665 Copied WooCommerce version: 1.3
    26 Answers
    Avatar: cahena
    cahena
    Participant
    March 11, 2015 at 09:52

    Also, I don’t know why, but if the zoom effect is activated the images in single product page don’t show.

    #48698 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 11, 2015 at 19:20

    Hello,

    1. Your original image is too small. You need upload it with dimensions 1425px × 1900px approximately and it will be scaled to the sizes you set in Woocommerce > Settings.
    2. Please add this code in custom.css file:

    .product-navigation .next-product .hide-info {
   left: -240px !important;
}

    How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

    Thank you.
    Regards,
    Eva Kemp.

    #48891 Copied
    Avatar: cahena
    cahena
    Participant
    March 12, 2015 at 12:11

    Hello Eva,
    Thank you so much for your reply!

    1. I still have the same problem. I think the problem is that the images are not proportional to this size 1900×1425 px. I have uploaded 1900×1294 and tried also with 2092×1425 px, but the buttons are still outside of the image.
    The pictures of the products are drawings, so I can’t crop the images to fit exactly to 1900×1425 px.
    Is there a way to change the format of the container of the image slider?

    2.The Next/previous product button is now perfect. Thank you!

    #49030 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 12, 2015 at 14:57

    Hello,

    As I see now the arrows are shown fine:

    Please check it.

    Thank you.
    Regards,
    Eva Kemp.

    #49130 Copied
    Avatar: cahena
    cahena
    Participant
    March 12, 2015 at 16:57

    Hi Eva,
    If I move the window, the arrows don’t fit anymore. window
    Now if I upload an image with the exact size 1900×1425 px, this doesn’t happen. The arrows are always in the same place respected to the image, like in your demo.
    My question is, if all my images are 1900 x 1294 px, is it possible to adapt the arrows?

    Also, the I have problem with the zoom effect. The images can’t stop loading.

    Thank you.

    #49160 Copied
    Avatar: cahena
    cahena
    Participant
    March 13, 2015 at 08:29

    Hi Eva,
    Now the arrows and the zoom effect work perfectly in Firefox.
    But in Safari the problem is still, the images can’t stop loading and the arrows don’t fit.
    I’ve checked in another computer, and it happens the same (firefox: great & safari: bugs)

    #49282 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 13, 2015 at 12:28

    Hello,

    Please specify what Safari version you’re using.

    Thank you.
    Regards,
    Eva Kemp.

    #49338 Copied
    Avatar: cahena
    cahena
    Participant
    March 13, 2015 at 13:00

    Versión 8.0.3

    #49350 Copied
    Avatar: cahena
    cahena
    Participant
    March 14, 2015 at 11:56

    Hello,

    It happens the same on Chrome, the single product image don’t stop loading.

    #49611 Copied
    Avatar: cahena
    cahena
    Participant
    March 14, 2015 at 12:52

    Could someone help me with this issue?
    One of the many reasons I chose this theme is for the zoom effect, it’s been 4 days now since I can’t resolve this…
    I would really appreciate if you could tell me what is going wrong.
    Thank you.

    #49619 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 16, 2015 at 12:45

    Hello,

    Sorry for a delay.
    Please provide us with wp-admin panel credentials.

    Thank you.
    Regards,
    Eva Kemp.

    #49831 Copied
    Avatar: cahena
    cahena
    Participant
    March 16, 2015 at 12:56

    Hello,

    Here they are.

    Please, contact administrator
    for this information.
    #49837 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 16, 2015 at 18:12

    Hello,

    Are ftp credentials you provided earlier correct and direct to the site you’re talking about?
    The changes I’m making in the files aren’t recognized.
    Please provide us with the correct FTP login details.

    Thank you.
    Regards,
    Eva Kemp.

    #49941 Copied
    Avatar: cahena
    cahena
    Participant
    March 16, 2015 at 18:39

    Sorry for that. Here is the ftp.

    Please, contact administrator
    for this information.
    #49951 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 17, 2015 at 15:01

    Hello,

    We’ve passed your query to the second support level and you’ll be informed with the result as soon as possible.

    Thank you for understanding and patience.

    Regards,
    Eva Kemp.

    #50188 Copied
    Avatar: cahena
    cahena
    Participant
    March 17, 2015 at 18:01

    ok, thank you.

    #50274 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 18, 2015 at 16:14

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    #50575 Copied
    Avatar: cahena
    cahena
    Participant
    March 19, 2015 at 11:18

    Hello,

    Do you know when they are going to look at it?

    #50833 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 19, 2015 at 15:50

    Hello,

    We’re sorry, but the issue is still being investigated.
    Once there is some news we’ll inform you.

    Thank you for your patience.

    Regards,
    Eva Kemp.

    #50933 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 25, 2015 at 10:15

    Hello,

    Please take our apologies for a long delay.
    The issue has been fixed.
    Please check image loading now and clear browser cache.

    Thank you.
    Regards,
    Eva Kemp.

    #52186 Copied
    Avatar: cahena
    cahena
    Participant
    March 25, 2015 at 13:36

    Hello Eva,

    I just saw it!
    Thank you so much!!

    #52256 Copied
    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 25, 2015 at 13:40

    You are welcome.
    We would very much appreciate if you leave a comment and rating for our theme on themeforest

    With best regards
    Brian Johnson

    #52259 Copied
    Avatar: cahena
    cahena
    Participant
    March 25, 2015 at 14:06

    Hi Brian,
    I followed your link, but I can’t find where to rate your theme…

    #52270 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 25, 2015 at 14:40

    Hello,

    You can leave a comment at this link http://themeforest.net/item/woopress-responsive-ecommerce-wordpress-theme/9751050/comments (at the bottom of the page).

    Regards,
    Eva Kemp.

    #52283 Copied
    Avatar: cahena
    cahena
    Participant
    March 25, 2015 at 15:28

    Done! 🙂

    #52291 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 25, 2015 at 15:30

    Hello,

    Thank you.
    If you have any questions please feel free to contact us.
    Have a good day!

    Regards,
    Robert Hall.

    #52293 Copied
  • Viewing 27 results - 1 through 27 (of 27 total)

The issue related to '‘Single product page, size image + previous/next buttons’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Business 02 – WordPress WooCommerce Theme
lazy-placeholder
Default RTL – WordPress WooCommerce Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.