Okay
  Public Ticket #1823269
Product page
Open

Comments

  • Salima Nadira started the conversation

    Hi there,

    I'm setting up my product page but there are a couple issues:

    1) Weird formatting on desktop view

    2) Review feature appears twice

    Is there a way to keep the review with the stars rating, which looks better? But on mobile the width for that is a bit too long, it doesn't fit the mobile screen well.

    Thanks for your help!

    Attached files:  productpage.JPG

  •  124
    Alexandre replied

    Hi Salima,

    Please update Soundrise. Woocommerce templates issues should be fixed.

    Thank you,

    --

    Alexander

  • Salima Nadira replied

    Thanks Alexandre. It doesn't look to me like there's a simple way to update the theme :/ Could I trouble you to explain, or link me to any documentation on how to do it? Really appreciate it!

  •  124
    Alexandre replied

    Oh I m sorry,Of course I should have told you how. Here documents about how to update soundrise and the plugin soundrise-music.https://irontemplates.ticksy.com/article/12214/https://irontemplates.ticksy.com/article/12214/

    Thank you,

    --

    Alexander

  • Salima Nadira replied

    Hi Alexandre,

    Hope you had a happy holidays!

    I've finally had time to update the theme and managed to do so successfully. I have some additional questions:

    1) On desktop there is still an alignment issue with one of the sections (see attached)

    2) On mobile, all sections from Description until Review are slightly out of alignment, there is no right side margin (see attachments)

    How can these be fixed please? Thank you!

    Attached files:  additionalinfo.JPG
      Screenshot_2019-01-03-14-28-06-523_com.android.chrome.png
      Screenshot_2019-01-03-14-28-01-148_com.android.chrome.png

  •  124
    Alexandre replied

    Hello Salima, 

    Can you provide a login credential to the wp-admin

    Thank you,

    --

    Alexander

  •   Salima Nadira replied privately
  •  124
    Alexandre replied

    I have some extra padding to fix the woocommerce issue. 

    Your site was not secured because for some reason, some of image display was using the http protocol rather than https. I have fixed that.

    Thank you,

    --

    Alexander

  • Salima Nadira replied

    Thank you Alexandre! It does look perfect on mobile now :) And thanks for fixing the https issue!!

    Just one thing tho, the Description and Additional Info parts while they look great on mobile, they look a bit odd on desktop. There are two ways in which they are misaligned. Screenshot attached, hope you can understand from the lines I drew!

    Attached files:  productpage2.JPG

  •  124
    Alexandre replied

    Sorry for this, 

    I have fixed this

    Thank you,

    --

    Alexander

  • Salima Nadira replied

    Thank you so much again!

    I have a couple more things to trouble you about, so sorry:

    1) All the pages in WooCommerce don't have any padding around, could you help? Checkout looks fine (probably it already has its own padding), but all other WooCommerce pages, and also My Account and all the pages within, don't have padding. (screenshot example)

    2) In Checkout, there's a text box for notes but it's very tiny. Can this be enlarged slightly please?

    3) Can all the My Account related textboxes take on the CSS styling of the main site? Now it looks like it has no styling whatsoever :) The WooCommerce textboxes do show CSS styling though.

    4) In Order Received, the info of 'order number' to 'payment method', can there be slightly more line spacing in between? (screenshot attached)

    5) The text boxes to input credit card number are really messed up, can this be fixed? Might it have to do with my running Stripe in test mode or is this a site issue? (screenshot attached)

    Once again I really appreciate all your help!

    Attached files:  Screenshot_2019-01-09-23-00-15-567_com.android.chrome.png
      Screenshot_2019-01-09-23-10-10-928_com.android.chrome.png
      Screenshot_2019-01-10-00-00-23-939_com.android.chrome.png

  • Salima Nadira replied

    Sorry this is unrelated to WooCommerce but I recently noticed this oddity for Mailchimp for WP - the text box is way too long - and can't seem to fix it. What can I do to fix it please?

    Attached files:  mailinglist.JPG

  •  124
    Alexandre replied

    Hi,

    About the mailchimp form, I have added this custom code:

    .mc4wp-form input[type=email]{
    box-sizing: border-box;
    }

    Thank you,

    --

    Alexander

  •  124
    Alexandre replied

    I think the first fix I did  cause the mess you have reported. 
    I have fixed my fixsmile.png

    Thank you,

    --

    Alexander

  • Salima Nadira replied

    Thanks Alexandre for fixing the mailchimp box!

    The pages still have no padding for me on mobile >.< Not sure if that's what you were referring to?

    Do let me know if you manage to look at the other points! Thank you!

  •  124
    Alexandre replied

    I m a bit confuse, 

    Where you dont have padding on mobile.

    Thank you,

    --

    Alexander

  • Salima Nadira replied

    Hi Alexandre,

    I think it's okay to leave the no padding on mobile.

    Please could you help me to fix just two things:

    1) Credit card boxes are looking weird and very tiny (screenshot)

    2) Size of notes text field in checkout page to enlarge slightly

    Thank you very much!

    Attached files:  Screenshot_2019-01-15-19-10-20-162_com.android.chrome.png

  •  124
    Alexandre replied

    One of the third part plugin installed  causes this issue. Please disable them one per one to find which plugin does this.

    Thank you,

    --

    Alexander

  • Salima Nadira replied

    I found it! Thank you so much :)

  •  124
    Alexandre replied

    Good ! 
    You are welcome

    Thank you,

    --

    Alexander