This topic has 12 replies, 3 voices, and was last updated 8 years, 8 months ago ago by Eva Kemp
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
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.
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. 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!
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.
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?
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.
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.
Hello,
Unfortunately “Return to Previous Page” link can be removed only from all pages. Sorry.
Best regards,
Jack Richardson.
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)
While Chrome shows it correctly. So I guess it’s not the resolution or width of the grid..
Do you know how to fix this? I’m trying everything I know, but doesn’t help..
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.
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;
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.
You must be logged in to reply to this topic.Log in/Sign up