Return to previous page

Single product page problems - by python1564

This topic has 36 replies, 5 voices, and was last updated 10 years, 3 months 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.
    #42151 Copied
    35 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    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.

    #42322 Copied
    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?

    #44238 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    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.

    #44243 Copied
    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.
    #44247 Copied
    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

    #44248 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    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.

    #44262 Copied
    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!

    #44305 Copied
    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é

    #44352 Copied Theme version: 2.6 WooCommerce version: 2.3.5
    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.

    #44368 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    February 23, 2015 at 11:26

    Hello @jnunoalves,

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

    Thank you.
    Regards,
    Eva Kemp.

    #44461 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    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.

    #44464 Copied
    Avatar: jnunoalves
    jnunoalves
    Participant
    February 23, 2015 at 12:25

    As requested

    Please, contact administrator
    for this information.
    #44489 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    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.

    #44552 Copied
    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.

    #44620 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    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.

    #44646 Copied
    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.
    #44700 Copied Theme version: 2.2 WooCommerce version: 2.3.5
    Avatar: Robert Hall
    Robert Hall
    Participant
    February 24, 2015 at 09:49

    Hello @toolbox,

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

    Regards,
    Robert Hall.

    #44782 Copied
    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é

    #44801 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    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.

    #45061 Copied
    Avatar: jnunoalves
    jnunoalves
    Participant
    February 24, 2015 at 19:38

    Here it is:
    http://imgur.com/9TBvD71

    Tks

    José

    #45090 Copied
    Avatar: python1564
    python1564
    Participant
    February 25, 2015 at 03:16

    I just upgraded to version 2.6.1 and the wishlist bug is still present. I still can’t remove the item from the wishlist in firefox, and the items do not show up in the wishlist in IE.

    #45203 Copied
    Avatar: python1564
    python1564
    Participant
    February 25, 2015 at 03:47

    I just noticed that when I hover over the X to remove the product, in the bottom left corner of the browser that shows me what the link is pointing to it shows javascript:void(0)

    #45206 Copied
    Avatar: toolbox
    toolbox
    Participant
    February 25, 2015 at 03:51

    @Robert Hall

    Did you make changes to the custom css in my website? If so, the double lightbox is still an issue, I don’t think I can see any observable change.

    There are also two “proceed to checkout” buttons in the shopping cart.

    Another issue is that there is a shipping error message that reads, “No shipping methods were found; please recalculate your shipping or continue to checkout and enter your full address to see if there is shipping available to your location.”

    Were any of these fixed with the new template that was released today?

    Thanks so much for all of your help with this.

    #45207 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    February 25, 2015 at 12:30

    Hello @toolbox,

    You’re using old theme version and the latest version of Woocommerce plugin. There can be an issue. You must update the theme as well.
    Don’t forget to create a back up before update!

    Thank you.
    Regards,
    Eva Kemp.

    #45346 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    February 25, 2015 at 14:38

    Hello @python1564,

    Please remove the file legenda/woocommerce/wishlist.php and check Wishlist page again.

    Thank you.
    Regards,
    Eva Kemp.

    #45372 Copied
    Avatar: python1564
    python1564
    Participant
    February 25, 2015 at 15:49

    Thanks, that worked!

    #45402 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    February 25, 2015 at 16:00

    Hello @python1564,

    You’re welcome!

    Regards,
    Robert Hall.

    #45406 Copied
    Avatar: python1564
    python1564
    Participant
    February 25, 2015 at 17:42

    Ok, now I have new issues.

    1) When I add an item from the wishlist to the cart it remains in the wishlist even though I have “Remove the product from the wishlist if is been added to the cart” option enabled.

    2) On the Checkout page, on the Checkout Method tab the “Have a coupon?” banner is light blue and doesn’t match the rest of the layout.

    3) On the Checkout page, on the Billing Address tab the State dropdown box is white, and seems to have no formatting. The State dropdown on the Shipping Address tab is fine. This only happens on Firefox.

    4) On the Your Order tab the payment method box is white with grey text.

    #45442 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    February 25, 2015 at 20:50

    Hello,

    1. We’re investigating this issue and will let you know the result as soon as possible.
    2. Add the following code in custom.css or style.css of your child theme:

    .woocommerce-info {
background-color: #1E1E1E !important;
}

    3. Please add this code in custom.css file:

    .select2-container .select2-choice {
  background-color: #1E1E1E;
}
.select2-results {
background-color: #1E1E1E;
}

    4. Use this code:

    .payment_methods {
 background-color: #151515;
}
.payment_methods li {
    border-bottom: 1px solid #151515;
}
.payment_methods li:first-child {
    border-top: 1px solid #151515;
}

    Thank you.
    Regards,
    Eva Kemp.

    #45502 Copied
  • 1 2
    Viewing 30 results - 1 through 30 (of 36 total)

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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Transport – WooCommerce 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.