Okay
  Public Ticket #1774083
Review and checkout
Open

Comments

  • Florielle started the conversation

    Hi Ylli,

    Thank you for your earlier replies. I rated you with 5 stars for the customer help :-)

    Unfortunately still I found a few things that don't work as it should, I think. Could you assist me?

    1. The product rating doesn't show on single product pages. See attachment. I believe the 'stars' should show under the product title. I have reviews activated in Shop Settings.

    2. The checkout fields (for Dutch addresses) show up mixed and the name of two fields are not readable (see attachment). I installed a plugin now to avoid this, but I would rather have it correct in the standard theme version without a third party plugin.

    3. How can I change the color of the confirmation bars when you (for example) put a product in the basket. Or throw one out. It would be nice if changing these colors would be included in the Theme Styling as Skin Colors.

    Thank you in advance!

    Kind Regards,

    Reinout

    Attached files:  Schermafbeelding 2018-11-05 om 19.40.08.png
      Schermafbeelding 2018-11-05 om 19.40.48.png
      Schermafbeelding 2018-11-03 om 19.12.39.png
      Schermafbeelding 2018-11-05 om 20.46.36.png

  •  584
    Art replied

    Hi Reinout,

    1. Under each product options you will have to enable the Reviews for that product, this seems weird but this is how WooCommerce enables the reviews for products, even if you have enabled it in the general settings, see the screenshot for more information:


    (view large version)

    Also for the stars to show there should be at least any review.

    2. This is how they appear on my screen:


    (view large version)

    I can try to customize and show the second field (ZIP) inline with the first (Nr.) field, in your screen they are showing all messed up, on which browser are you testing it?

    3. To change the message background color add the following CSS to Custom CSS and then change the HEX color code to any color you want:

    .woocommerce-message {
        background-color: #000;
    }
    

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook

  • Florielle replied

    Hi Art,

    Thank you for that coding. Perfect!

    1. I have checked enable reviews on every product page, even in WooCommerce General Settings (see attachment). And I have a verified review for the following product: https://www.fieldsforest.com/product/mud-jeans-eddie-sweater-men/. Still it doesn't show stars under the title.

    2. I tested it in Safari. In the demo of your theme it shows up like that. On my checkout, it doesn't show that way because I used a plugin to avoid that. But that doesn't work quite nice because this plugin has it's own troubles ;-) So I would really appreciate it if you could assist me to get it right from the scratch. The problem here is that WooCommerce uses a different checkout for Dutch addresses as our house number appendix and postcode / ZIP number is very important but we do not need two street fields. I hope that you understand what I mean. If you switch from UK to the Netherlands you will see it.

    Thank you in advance.

    Regards


    Attached files:  Schermafbeelding 2018-11-08 om 16.03.39.png

  •  584
    Art replied

    Hi Florielle,

    1. The stars show above the title, and to enable them add the CSS below to Custom CSS:

    .single-product-wrapper .entry-summary .product-top-nav {
      display: block;
      padding-bottom: 0px;
    }
    .woocommerce .summary .product-top-nav .woocommerce-product-rating {
      max-width: 100%;
      justify-content: left;
    }
    

    2. From the last reply the screenshot was from your site but on Google Chrome, you will have to add the following CSS to Custom CSS to align the fields normally as they have moved a little bit:

    #billing_postcode_field,
    #shipping_postcode_field {
        width: 70%;
        float: right;
    }
    .optional {
        font-size: 8px;
    }
    

    This will also make the optional word smaller so it won't appear above the other labels, if you don't like this way of showing it then remove only the last part of CSS, another way is to make the word optional an abbreviation using Loco Translate.

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook

  • Florielle replied

    Hi Art,

    Thank you so much for that coding. Works like a charm! :-)

    1. Is there any way to make the review stars a little and (this is important to me) it links to the review tab? So customer can actually check why a product has a certain rating in stars.

    2. This fixes the overlapping text. However, I'm still having issues. Especially when choosing The Netherlands as an address. See attachment. It shows 2 street address fields. Only for the Netherlands, not for any other country. And if you fill in house number '18K' for example, it returns the "Billing Nr." error, without stating that a letter is not allowed in that field. So customers need to fill in '18', but can't figure this out. Is there any way I could tweak the checkout code so that filling in a letter and a number is allowed?

    Thank you!

    Kind Regards

    Attached files:  Schermafbeelding 2018-11-13 om 19.50.27.png
      Schermafbeelding 2018-11-13 om 19.50.01.png

  •  584
    Art replied

    Hi again,

    1. Add this CSS to make the stars smaller and show the link after them:

    .woocommerce .summary .product-top-nav .woocommerce-product-rating .woocommerce-review-link {
        display: inline-block;
        margin-left: 10px;
    }
    .woocommerce .summary .product-top-nav .woocommerce-product-rating {
      font-size: 14px;
    }
    

    2. Please disable any 3rd party plugins as the problem is not showing in our site demo.

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook

  • Florielle replied

    Hi Art,

    Thank again. Can't thank you enough.

    WooCommerce plugin for MyParcel (Dutch shipping partner to export orders to their environment) didn't work for this WooCommerce installation. I guess this is related two the two column checkout because this plugin works very well with another WooCommerce store I one with a different theme. Anyway, I contacted them and  am hoping to find a solution.

    Thanks for your help. This ticket may be closed. 

    Regards