Single product page problems - by python1564

This topic has 36 replies, 5 voices, and was last updated 9 years ago ago by Eva Kemp

  • Avatar: python1564
    python1564
    Participant
    February 13, 2015 at 21:05

    Hey guys, I’m having a few issues with the layout after updating to version 2.6.

    On the single product page:
    1) Wishlist button doesn’t have any styling, only shows up as text right next to the add to cart button.
    2) The buttons to increase or decrease quantity have no styling and show up inside the box with the quantity number.
    3) Hovering over the product image creates a really weird border that is oversized and contains a small version of the product image in it. Also, clicking on the corner link to expand image size brings up 2 versions of the lightbox, even though the one in Woocommerce is disabled.

    Thanks!

    Please, contact administrator
    for this information.
    35 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    February 14, 2015 at 18:00

    Hello,

    1. Please read in the documentation how to style Wishlist button:
    https://www.8theme.com/demo/docs/legenda/index.html#!/wishlist

    2. This is Woocommerce update, not of our theme.

    3. Your original image is too small – 350px × 145px.
    It should be 2 160px × 2 349px approximately or a bit less. Try to reupload the original image in higher resolution and check it again.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: python1564
    python1564
    Participant
    February 20, 2015 at 23:25

    1. I have everything set according to your documentation already. Your documentation only tells me how to change the “add to wishlist” into a heart button. I would like it to look like the rectangular button in your demo.

    2. I understand that Woocommerce may have changed something, but as designers of this theme, I think you guys should keep up with their changes and adjust accordingly. The way the quantity buttons look now is unacceptable.

    3. Having a larger image worked for the borders, but clicking on it still creates 2 lightboxes. I have to close both of them to get back to the product. What’s happening?

    Avatar: Eva
    Eva Kemp
    Support staff
    February 20, 2015 at 23:30

    Hello,

    1. Please provide us with wp-admin panel credentials in Private Content.
    2. WooCommerce has removed that feature in the recent update and replaced it with the number input type. And now there is no overrides in Legenda for this. You may try https://wordpress.org/plugins/woocommerce-quantity-increment/ plugin.
    3. Please add this code in custom.css file:
    div.pp_pic_holder, div.pp_overlay { display: none !important; }

    How to create custom.css you can watch in this tutorial.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: python1564
    python1564
    Participant
    February 21, 2015 at 00:14

    Thanks for the quick reply.

    1. Credentials included in private content.
    2. The quantity increment plugin did not work.
    3. Adding the custom CSS worked.

    Please, contact administrator
    for this information.
    Avatar: python1564
    python1564
    Participant
    February 21, 2015 at 00:22

    I just noticed a new issue. When hovering over the product image on the single product page, only the top half of the image magnifies, and the bottom half is cut off

    Avatar: Eva
    Eva Kemp
    Support staff
    February 21, 2015 at 09:41

    Hello,

    1. Please check. Now Wishlist button is shown as on the demo.
    2. Sorry, but quantity buttons were removed by Woocommerce. If you have some problems with the plugin you need contact their support team.
    Sorry for inconveniences.

    I’ve checked single product image and don’t see any issues.
    Please try to check in another browser.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: python1564
    python1564
    Participant
    February 21, 2015 at 18:48

    1. The wishlist button is now just the heart, which I was trying to avoid. I would like it to look like the one on this page: https://www.8theme.com/demo/legenda3/shop/awesome-ring-with-blue-stones/
    If that’s not possible, I’ll just stick with the heart button.

    2. The quantity buttons only appear on Firefox. Using the plugin removes the buttons but makes the top border of the quantity box extend to the right beyond the box, and the right border is gone completely. On Internet Explorer the quantity buttons don’t show up so no issue there.

    3. The single product page image hover issue is only present on Firefox, not on IE, so i’ll keep looking into it.

    Thanks!

    Avatar: jnunoalves
    jnunoalves
    Participant
    February 22, 2015 at 14:15

    Hello,

    I’ve just started to work with your template and I’ve pretty much the same issues mentioned by OP.

    1: Regarding the wishlist, I had the same issue with spacing and no format.

    The position was set to “after add to cart”.I had the “use buttons unchecked”.

    I’ve checked to use buttons and the button “add to wishlist” became visible, but I had a second problem with the text on hover, not being visible. I need to do more testing here.

    Then I changed the position to “use shortcode” and the button was transformed in an heart.

    It seems that I can’t remove an item from wishlist. I click the “X” and nothing happens.
    Also there is no spacing between “Browse Wishlist” link and “The product is already in the wishlist!” Can you check this issues?

    2: regarding the quantity I have the same issue but I didn’t try yet the plugin. It seems ok fror IE and Chrome, so no big deal.

    3: Exactly the same issue with zoom in firefox. It’s ok in Chrome. (solved the double lightbox with the custom css).

    Thank you

    José

    Avatar: python1564
    python1564
    Participant
    February 22, 2015 at 20:07

    Same here. In Firefox I can’t remove the item from the wishlist, and in IE the item never shows up in the wishlist in the first place.

    Avatar: Eva
    Eva Kemp
    Support staff
    February 23, 2015 at 11:26

    Hello @jnunoalves,

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

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Eva
    Eva Kemp
    Support staff
    February 23, 2015 at 11:43

    Hello @python1564,

    I’ve edited Wishlist settings.
    Please check Wishlist button now.

    I’ve checked zoom effect in Firefox browser and don’t see any issues.
    Could you please show a screenshot?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: jnunoalves
    jnunoalves
    Participant
    February 23, 2015 at 12:25

    As requested

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    February 23, 2015 at 16:07

    Hello @jnunoalves,

    1. When I hover wishlist icon the text is visible.
    Have you made any changes?
    I’ve added wishlist button. Please check it now.
    Unfortunately there is a bug with Wishlist plugin and our theme. We’ll fix it in the nearest update. Sorry for inconveniences.
    2. Please try to use the plugin to change quantity arrows. Sorry, but this is Woocommerce modification, not the theme.
    3. Could you please show a screenshot concerning zoom effect?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: python1564
    python1564
    Participant
    February 23, 2015 at 18:44

    The Zoom effect has fixed itself, so I can’t take a screenshot.

    The wishlist button looks good now, but it caused a new problem. Now the background of each item on the wishlist is white. This is causing too much trouble, so I’m just going to revert back to using the heart button.

    The only remaining issue for me is that the item does not show up in the wishlist in Internet Explorer, but on the item page it says its on the wishlist, and in Firefox I can’t remove the item from the wishlist.

    Avatar: Eva
    Eva Kemp
    Support staff
    February 23, 2015 at 19:59

    Hello @python1564,

    The wishlist bug will be fixed in the nearest theme update. It’ll be produced in a few days.
    Please take our apologies for inconveniences.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: toolbox
    toolbox
    Participant
    February 23, 2015 at 22:56

    José – can you explain how you were able to solve the double lightbox with custom css? I am having this issue with Chrome, Firefox, and IE. Click here if you’re interested in how my site is behaving.

    Thanks!
    Mike

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 24, 2015 at 09:49

    Hello @toolbox,

    I’ve made some changes in custom.css file. Please check lightbox.

    Regards,
    Robert Hall.

    Avatar: jnunoalves
    jnunoalves
    Participant
    February 24, 2015 at 10:33

    Hello Eva,

    Excluding the issues with wishlist that you are trying to correct, all the rest seems fine.

    The zoom in the upper part the image works fine, but in the lower part it takes a couple of seconds (if you don’t move the mouse) to take effect (if you move the mouse, it won’t zoom).

    Or I am still sleeping or I don’t find where I can attach the screenshot 🙂

    Tks

    José

    Avatar: Eva
    Eva Kemp
    Support staff
    February 24, 2015 at 17:38

    Hello,

    You can upload your screenshot to some image storage (e.g. http://imgur.com/ ) and provide us with a link.

    Thank you.
    Regards,
    Eva Kemp.

  • 1 2
    Viewing 20 results - 1 through 20 (of 36 total)

You must be logged in to reply to this topic.Log in/Sign up

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