Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 7, 2020 at 7:20 pm #1171147
    farzanahmed

    Hi
    For some reason, I can’t enter any card details on the checkout form for Stripe

    Also, the mobile view of the products seems to be chopped off the side of the screen somehow – can you help with fixing that please.

    Lastly, is there a way to remove the duplicate menu’s on mobile view yet?

    Thanks
    Farzan

    January 8, 2020 at 3:10 am #1171305
    farzanahmed

    Hi

    Managed to sort this out thankfully

    The checkout issue was because of the Stripe keys :/ I didn’t have the test keys in and no SSL for the live ones.

    What I did struggle with though is moving the instagram feed to display below the related products on a variable product page (link shown in private message)

    It’s there using WooCommerce Conditional Content at the moment and is set to display AFTER the related products but it doesn’t do – is there a workaround for that? – maybe move the position of the Related Products UP even?

    Also, on the same page, when I select Galley as an option, it changes the picture to the Galley one, but the original product image disappears and can’t be selected again? Any help with that would be great too.

    Thanks
    Farzan

    January 8, 2020 at 7:31 am #1171338
    Ismael

    Hi,

    Thank you for the inquiry.

    How did you add the Instagram feed? And regarding the variation images, by default there should be a reset button to clear the variation selection but it’s currently hidden. Are you using an extension for the variable buttons? You can add this css code to display the clear or reset button back.

    .reset_variations {
	display: block !important;
	visibility: visible !important;
}

    Best regards,
    Ismael

    January 8, 2020 at 8:37 am #1171345
    farzanahmed

    Thanks Ismaeel

    I’ll try that from my PC and feedback, but my alignment issue seems to have returned.

    I’m getting it from this part of this CSS

    .single-product .entry-summary{
    display: grid;
    }
    The CSS its coming from is this

    /*Product Page Order on Mobile View*/

    @media only screen and (max-width: 768px){
    .product-type-simple,
    .product-type-variable{
    }
    .woocommerce-tabs{
    order:3;
    }
    .single-product-summary{
    order:2;
    }
    .single-product .entry-summary{
    display: grid;
    }
    .single-product .entry-summary .product_title{
    order:2;
    }
    .single-product .entry-summary .woocommerce-product-details__short-description{
    order:3;
    }
    }
    I do need to keep that layout though, but desperately need to fix this issue as well :slight_smile:

    I’m seeing it on the iPhone X via Chrome’s inspect tool if you don’t see it on your mobile.

    Thanks a LOT – REALLY appreciate any help on this one.

    Re the Instagram feed, I’m using WooCommerce Conditional Content for it (WooComnerce > Content Blocks)

    Thanks
    Farzan

    January 9, 2020 at 4:01 am #1171678
    Ismael

    Hi,

    Thank you for following up.

    We don’t really see the alignment issue on mobile view. We are not able to check it on an actual iPhone X, but the alignment issue should still be visible in a device emulation. Could you give us a screenshot of the error? You can upload the screenshot to imgur or dropbox.

    Unfortunately, we are not familiar with the WooCommerce Conditional Content block, so additional assistance from the plugin developers will help. Please try to ask them about the issue.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.