Several questions - by hetweemsel - on WordPress WooCommerce support

11 replies3 participantsUpdated by Eva Kemp

  • Avatar: hetweemsel
    hetweemsel
    Participant

    Hi,

    I have some questions about your theme. We want to change as little as possible to the .php files (only if really necessary). I know some of my questions are php related. Most things we want to fix with css.

    1. Where can we hide the word CART in the header widget?
    2. On shop page we want to change the ‘add to cart’ button to ‘view product’
    3. Make the entire productgrid in shop page clickable
    4. On the check out page we want the Accept terms checkbox above the place order button.
    5. Change cart icon with an image

    It would be great if you guys could help!

    The website is: http://www.cloudpunt.nl

    #77710 Copied Theme version: 2.8.1 WooCommerce version: 2.3.13

    11 Answers

    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    1. You need edit the file wp-content/themes/legenda/framework/woo.php (line 931), find the code <?php _e('Cart', ETHEME_DOMAIN) ?> and remove “Cart” text.

    2. You can change “add to cart” text in .po file in wp-content/themes/legenda/languages/.

    3. Please clarify your query. Show on a screenshot what you want to make clickable.

    4. Add this code in custom.css:

    .woocommerce-checkout-payment .form-row.terms {
    margin-top: -20px !important;
    padding-bottom: 60px !important;
}
.woocommerce-checkout-payment .place-order .button {
    margin-bottom: -60px !important;
    margin-top: 30px !important;
}

    5. To change cart icon in the header use this code in custom.css file:

    .shopping-cart-widget .cart-summ > a::before {
    content: url("http://path_to_your_image");
}

    How to create custom.css you can watch in this tutorial.

    Regards,
    Eva Kemp.

    #77737 Copied
    Avatar: hetweemsel
    hetweemsel
    Participant

    Hi Eva,

    thanks for your help!

    2. I meant something else with question about the ‘add to cart’ button, I should’ve been more clear. I didn’t mean to change the text, but the function. Right now the button adds the product to the cart, but we want that when you click the button, that you go to the product detailpage.

    3. Screenshot This is the screenshot. Right now only the green parts are clickable, but we want the entire red area to be clickable. Is this easy to solve in the theme files?

    Thanks again!

    #77836 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    2. Sorry, but this is Woocommerce configuration and you have to contact their support regarding this query.

    3. Image is also clickable. Unfortunately there is no possibility to make all product area be clickable. Sorry.

    Best regards,
    Jack Richardson.

    #77868 Copied
    Avatar: hetweemsel
    hetweemsel
    Participant

    Thanks for your help!

    It all worked. Just have one more question.

    In the cart page: http://www.cloudpunt.nl/cart/
    The tax total number is adjustable in the stylesheet.

    We want it to look the same way in the checkout page as well: http://www.cloudpunt.nl/checkout/
    But there it has the same class as all prices. On that page we can’t change the tax price without affecting the other prices.

    Is there a way to solve this?

    #78512 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Please try to use this code in custom.css:

    .woocommerce-checkout-review-order-table .order-total .includes_tax span.amount {
    font-family: open sans !important;
    font-size: 10px !important;
    font-weight: normal !important;
    color: #3C3A3A !important;
}

    Regards,
    Eva Kemp.

    #78533 Copied
    Avatar: hetweemsel
    hetweemsel
    Participant

    Thanks Eva, you’re my hero!

    But I have another question..

    How can I remove the ‘Return to Previous Page’ link on only the product archive page? It has to stay at the single product pages. http://www.cloudpunt.nl/alle-producten/

    I looked in the php files, but couldn’t find it.

    #78994 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    Unfortunately “Return to Previous Page” link can be removed only from all pages. Sorry.

    Best regards,
    Jack Richardson.

    #79003 Copied
    Avatar: hetweemsel
    hetweemsel
    Participant

    Ok, thanks for your answer. Appreciate the help!

    But I just found a weird bug in Safari on iPad 3 (Retina). Maybe you know about this..

    Safari pushes columns down in product grid. (See screenshot)Screenshot Safari

    While Chrome shows it correctly. So I guess it’s not the resolution or width of the grid..
    Screenshot Chrome

    Do you know how to fix this? I’m trying everything I know, but doesn’t help..

    #79018 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    Hello,

    I’ve checked your site is Safari browser and haven’t seen any issues:
    http://storage3.static.itmages.com/i/15/0810/h_1439200384_5753704_a5deeaf709.png

    Best regards,
    Jack Richardson.

    #79187 Copied
    Avatar: hetweemsel
    hetweemsel
    Participant

    I guess it’s only on iPad 3 then. Because I also get it sometimes with your original theme from Themeforest demo.

    Another question: do you know where I can translate:
    1- ‘back to previous page’ text
    2- ‘Filter’ button in the price slider widget

    As you can see it pushes the products down;

    #79199 Copied
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    “Return to Previous Page” can be translated in wp-content/themes/legenda/framework/theme-functions.php (line 3036).
    Woocommerce widget can be translated in .po file in wp-content/plugins/woocommerce/i18n/languages/.
    Please refer to their documentation http://docs.woothemes.com/document/woocommerce-localization/ (6. Translating with PoEdit).

    Regards,
    Eva Kemp.

    #79365 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register