Checkout - by sebdicam - on WordPress WooCommerce support

This topic has 56 replies, 3 voices, and was last updated 8 years ago ago by Jack Richardson

  • Avatar: sebdicam
    sebdicam
    Participant
    March 22, 2016 at 18:34

    Hi,

    On last page of checkout i have “payer avec paypal” button. Where can i change these words and the color font?
    thank you
    Sébastien

    https://aitoguerriersdupacifique.com/checkout/

    55 Answers
    Avatar: sebdicam
    sebdicam
    Participant
    March 22, 2016 at 20:19

    and for translation of “subtotal” “Shipping and Handling” “Order Total” on checkout page too. I did it on leganda .po and woocommerco .po but nothing change.

    Is it possible on checkout page to remove : “Réglement” “PayPal Qu’est-ce PayPal” “Paypal ou Carte Bancaire”.
    I just want the orange button but change the text inside.

    Thank you.

    Avatar: sebdicam
    sebdicam
    Participant
    March 23, 2016 at 07:42

    Hi, may be more clear here:
    http://i65.tinypic.com/eth1cy.jpg

    Thank you.
    Sébastien

    Avatar: sebdicam
    sebdicam
    Participant
    March 23, 2016 at 10:18

    How can i have the same checkout page like you?
    https://www.8theme.com/demo/legenda/checkout/

    Thank you.

    Avatar: sebdicam
    sebdicam
    Participant
    March 23, 2016 at 10:48

    Code for admin in private.Thanks

    Please, contact administrator
    for this information.
    Avatar: sebdicam
    sebdicam
    Participant
    March 23, 2016 at 12:14

    HI,

    I could ind the checkout page i want. I just need:
    – translation of some words from this page: “subtotal” “Shipping and Handling” “Order Total”
    (i wrote on .po but nothing changed )
    – i would like white background on cart and checkout page
    – here: https://aitoguerriersdupacifique.com/boutique/
    normaly i have 2 widgdets, i saw only one and i would like the same presentation for these widget ( the 2 grey around the title.

    Thanks a lot.
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 23, 2016 at 16:17

    Hello,

    1) Please update the theme to the latest version and woocommerce as well.
    Before update delete “woocommerce” folder in the directory wp-content/themes/legenda/ and it’ll be reuploaded from a new theme package.
    Also update all required plugins https://www.8theme.com/download-plugins/ .

    Don’t forget to create back up of your files and database before starting update process!

    2) The phrases “subtotal”, “Shipping and Handling” and “Order Total” on checkout page can be edited in the wp-content/themes/legenda/woocommerce/checkout/review-order.php and wp-content/themes/legenda/woocommerce/cart/cart-shipping.php files.

    3) To change phrase “payer avec paypal” go to wp-content/languages/plugins/woocommerce-fr_FR.po and edit the translation. Here is the css code to change place order button font color:

    #place_order {
        color: #000000 !important;
    }

    Set the value to your needs.

    4)

    Is it possible on checkout page to remove : “Réglement” “PayPal Qu’est-ce PayPal” “Paypal ou Carte Bancaire”.

    Add this css code:

    .woocommerce-checkout #payment ul.payment_methods {
        display: none !important;
    }

    5)

    i would like white background on cart and checkout page

    Unfortunately we can’t log in to your Dashboard with provided details. Please check them and give us the correct ones.

    6)

    here: https://aitoguerriersdupacifique.com/boutique/
    normaly i have 2 widgdets, i saw only one and i would like the same presentation for these widget ( the 2 grey around the title.

    Please show us on a screenshot what exactly you want as your query is not quite clear. Thank you.

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 23, 2016 at 17:14

    Hello,

    Thank your for all the answers.

    – I changed “Payer avec paypal 2” where you told me, but still there.
    – Can i update the last version of wordpress?
    – your code in private, how to change background color cart & checkout.
    – how can i have same presentation like you for title widget (grey draw)
    http://i63.tinypic.com/2poy15t.jpg ( only one widget here, but i have 2: https://aitoguerriersdupacifique.com/boutique/
    – possible to change the color of orange button on cart and checkout page to red.

    Thank you very much
    Sébastien

    Please, contact administrator
    for this information.
    Avatar: sebdicam
    sebdicam
    Participant
    March 23, 2016 at 20:21

    Hi,

    – I could change translation with “loco” plugin exept in cart widget, how can i translate “checkout” ,change the color of button to red and color prices?
    – I change the color of cart and checkout button
    – I uploaded last version of wordpress but there is some obsolets page (important?)
    – How can i have all my categories product in main shop fill the page?
    – how can i have same presentation like you for title widget (grey draws)
    – I have 3 widget in shop page, but i can’t see “filter by price”
    – how can i change the font of categories products: https://aitoguerriersdupacifique.com/boutique/

    Thank you.
    Sébastien

    Avatar: sebdicam
    sebdicam
    Participant
    March 24, 2016 at 06:56

    Hello,

    Some others questions:
    -How can i delete the white solide behind the main title of cart et checkout page?
    -on smartphone, website is not on the middle.
    – on smartphone, cart page, i would like to change the color font (actually white to black) name of product and ” total panier”
    – when we are on a product page, i would like “ajouter au panier” (add to cart) in white.

    Thank you.
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 24, 2016 at 15:07

    Hello,

    1)

    i would like white background on cart and checkout page

    I’ve made the necessary changes in your Custom CSS. Please clear browser cache and check the mentioned pages.

    2)

    how can i translate “checkout”

    You can rename checkout in WP Dashboard > Pages > Checkout page.

    change the color of button to red and color prices

    Please show us on a screenshot what button and prices exactly you want to change, as I see the color of cart and checkout button are already changed.

    3)

    I uploaded last version of wordpress but there is some obsolets page (important?)

    Please specify what pages exactly you are talking about.

    4)

    How can i have all my categories product in main shop fill the page?

    Unfortunately this query isn’t clear. Please show us on a screenshot how it should be. Thank you

    5)

    how can i have same presentation like you for title widget (grey draw)

    If you mean two gray borders on top and bottom of widget title then use this css code:

    .widget-title {
        border-bottom: 1px solid #ebebeb;
        border-top: 1px solid #ebebeb;
        padding: 20px 0;
    }

    6)

    I have 3 widget in shop page, but i can’t see “filter by price”

    Please note that woocommerce filter works only with default woocommerce shop page, but you are using custom shop page (Boutique).

    7)

    how can i change the font of categories products: https://aitoguerriersdupacifique.com/boutique/

    Do you need to change font for categories titles in sidebar http://prntscr.com/ajdig7 or here http://prntscr.com/ajditb? Please specify.

    8)

    How can i delete the white solide behind the main title of cart et checkout page?

    Please show us on a screenshot what exactly you want to remove on cart and checkout pages.

    9)

    on smartphone, website is not on the middle.

    Please specify mobile device you are checking the site as we don’t see the issue you described.

    10)

    on smartphone, cart page, i would like to change the color font (actually white to black) name of product and ” total panier”

    Mentioned font color has been changed in p. 1.

    11)

    when we are on a product page, i would like “ajouter au panier” (add to cart) in white.

    Use this css code in Custom CSS:

    .single_add_to_cart_button {
        color: #ffffff !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 24, 2016 at 16:09

    Hello Jack,

    Thank you for your time to resolve my problems.

    – Font category i want to change: http://prntscr.com/ajditb

    – Is it possible to have only the name of category in main shop? (Boutique) not number of products?

    – “Ajouter au panier” (add to cart) is still grey on each product page like here (cleared browser cache): https://aitoguerriersdupacifique.com/produit/patch-aito-black-beret/

    – Problem center on iphone 6s:
    http://prnt.sc/ajehw5
    http://prnt.sc/ajei06

    -How to change the button color “paiement” in red in cart widget?

    -when you go in admin wordpress/woocommerce/état du système, at bottom of page you have all woocommerce pages obsolete with the update of legenda. (important?)

    -Is it possible to have little space between widget?

    -Where i change widget in single page product? There, i ve no widget title and 2 gray draw

    All rest was resolved. Thank you very much.Sometime i found before you come to check (like translation)
    C u
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 24, 2016 at 19:37

    Hello,

    1)

    Font category i want to change: http://prntscr.com/ajditb

    Add this css code in Custom CSS:

    .product-category h5 {
        font-family: Play !important;
    }

    2)

    Is it possible to have only the name of category in main shop? (Boutique) not number of products?

    In that case you need to comment or remove the code in the wp-content/themes/legenda/woocommerce/content-product_cat.php in lines 64 and 65:

    if ( $category->count > 0 )
    echo apply_filters( 'woocommerce_subcategory_count_html', ' (' . $category->count . ')', $category );

    3)

    “Ajouter au panier” (add to cart) is still grey on each product page like here (cleared browser cache): https://aitoguerriersdupacifique.com/produit/patch-aito-black-beret/

    The problem was you pasted css code with the text “Use this css code in Custom CSS”. I’ve fixed it.

    4)

    Problem center on iphone 6s

    Remove the following css code from your Custom CSS:

    @media (max-width: 979px){.header .logo {
       padding-left: 100px;
    }}

    5)

    How to change the button color “paiement” in red in cart widget?

    Add this css code in Custom CSS:

    .shopping-cart-widget .cart-popup .button.right {
        background-color: red !important;
    }

    6)

    when you go in admin wordpress/woocommerce/état du système, at bottom of page you have all woocommerce pages obsolete with the update of legenda. (important?)

    You shouldn’t worry about those notices. They won’t affect your site at all. We edited Woocommerce files in wp-content/themes/legenda/woocommerce directory and old version may be written in those files. But, please don’t worry, as the original version is written in wp-content/plugins/woocommerce/templates directory.
    So you can hide this message or you can fix it by editing the files in wp-content/themes/legenda/woocommerce directory and change the version to the current Woocommerce version that you’re using.

    7)

    Is it possible to have little space between widget?

    Try to use this css code:

    .sidebar.sidebar-left .widget-container {
        margin-bottom: 20px !important;
    }

    Change the value to your needs.

    8)

    Where i change widget in single page product? There, i ve no widget title and 2 gray draw

    Remove the following css code in your Custom CSS:

    .single-product-page .product-info h4 {
      display: none;
    }

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 24, 2016 at 19:53

    Jack,

    Thank you for your nice support.

    All is almost ok.

    – I remove the code to center on smartphone, just the icon menu is a little out. Any idea?

    – How can i have more nice presentation on page products? Product are not in line:
    https://aitoguerriersdupacifique.com/categorie-produit/joaillerie-t/chevalieres-classiques/
    https://aitoguerriersdupacifique.com/categorie-produit/joaillerie-t/chevalieres-classiques/
    many other more.

    – Where i choose widgets for pages products and single products? (not main page of shop)

    regards
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 24, 2016 at 20:41

    Hello,

    1)

    I remove the code to center on smartphone, just the icon menu is a little out. Any idea?

    Remove the css code in Custom CSS in lines 129 and 268:

    @media (max-width: 767px){.header .menu-icon {
        left: 0px !important;
    }}

    2)

    How can i have more nice presentation on page products? Product are not in line

    The problem is with long products title and star rating. Try to use the following css code:

    .products-grid .product .product-name {
        height: 90px !important;
    }
    
    .products-grid .product {
        margin-left: 20px !important;
    }
    
    .star-rating {
        position: absolute !important;
        bottom: 64px;
    }
    
    .products-grid .product .price {
        margin-bottom: 20px !important;
    }
    
    .products-grid.product-count-5 .product:nth-child(5n+1) {
        margin-left: 0 !important;
    }

    3)

    Where i choose widgets for pages products and single products? (not main page of shop)

    You can add/remove widgets in Appearance > Widgets > Single product page Sidebar.

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 24, 2016 at 21:14

    Thank you very much Jack.

    The alignement of products is PERFECT! Phone ok too.

    – For sidebar cart widget: How can i change the font color “voir panier” and “paiement”(actually grey, i want white) + color of “paiement” button (actually black, i want red) . (widget appears only when you have one product in)

    Regards
    Sébastien

    Avatar: sebdicam
    sebdicam
    Participant
    March 25, 2016 at 07:13

    Hello,

    Is it possible to align to center the name of product?
    Thank you.
    Sébastien

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 25, 2016 at 09:12

    Hello,

    1)

    For sidebar cart widget: How can i change the font color “voir panier” and “paiement”(actually grey, i want white) + color of “paiement” button (actually black, i want red)

    Add the following css code in Custom CSS:

    .widget_shopping_cart_content a.button {
        background-color: red !important;
        color: #ffffff !important;
    }

    2)

    Is it possible to align to center the name of product?

    Try this css code:

    .products-grid .product .product-name {
        text-align: center !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: sebdicam
    sebdicam
    Participant
    March 25, 2016 at 09:37

    Hello Jack,

    Thank you. All works.

    – Is it possible to have center name category too, please?
    – Could you give the code to change the color ( i want red) of “ajouter au panier” (add to cart) and ” choix des options “choose option”): https://aitoguerriersdupacifique.com/categorie-produit/joaillerie-t/chevalieres-classiques/
    – On pages category like https://aitoguerriersdupacifique.com/categorie-produit/joaillerie-t/chevalieres-classiques/ , is it possible to have the name of product in bold and a short description under in regular?

    Have a nice day.
    Sébastien.

    Avatar: sebdicam
    sebdicam
    Participant
    March 25, 2016 at 16:03

    Hello,
    One more thing, all other pages of my website like here (https://aitoguerriersdupacifique.com/qui-sommes-nous/) are in black background, we dont see the widget title:

    Is it possible to have white background like shop? please?
    Thank you
    Sébastien

  • 1 2 3
    Viewing 20 results - 1 through 20 (of 56 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.