This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Price variabele items colors and price range

Open 35 replies premium theme theme-vantage

Kathleen Den Dekker van Peteghem

10 years ago · Last reply by Andrew Misplon 10 years ago

With a variabele product it shows the price range.
Is it possible to change it in to a from price, with the lowest price showing?

Also the name of the product on my homepage is in blue, I already changed the woocommerce colors, where can I change this?

Thx!

URL: http://thedogcompany.nl/shop/product/hurley/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 10 years, 7 months ago
Hi Kathleen
Thanks for reaching out.
Variable Products
Do you perhaps have an example product I could check out. I’m not a WooCommerce expert by any means. This question might need to be moved onto their forums. Let me take a look at an existing product and see if I can research a solution.
Links
Please try going to Appearance > Customize > Theme Design and click General. Change the Content Link Color and Content Link Hover Color to match your WooCommerce colors. This should resolve the probem.
Kathleen Den Dekker van Peteghem 10 years, 7 months ago
The Url I gave was an example product: http://thedogcompany.nl/shop/product/hurley
The colors are in the right color at the place you give. Woocommerce doesn’t apply them…
Andrew Misplon Staff 10 years, 7 months ago
Strange issue with the links. Sorry for the hassle. Please try the following at Appearance > Custom CSS:
```
/* Links */
#main a { color: #dd3333; }
#main a:hover { color: #2b1100; }
```
Edit as required.
Kathleen Den Dekker van Peteghem 10 years, 7 months ago
That worked!
For the prices I move the question to the forum of woocommerce?
Andrew Misplon Staff 10 years, 7 months ago
Please, if you don’t mind, that would be best. Once you have been provided or located the customisation snippet to execute this change we can help do it in an update safe manner (within a child theme).

Kathleen Den Dekker van Peteghem 10 years, 7 months ago

I found a code that has to be changed in the functions.php, is that ok?

The code is:

/**
 * Show only the text "Vanaf" when there is a difference between
 * $product->min_variation_price AND $product->max_variation_price.
 */
add_filter('woocommerce_variable_price_html', 'custom_variation_price_ifdiffer', 10, 2);
function custom_variation_price_ifdiffer( $price, $product ) {
    if ($product->min_variation_price !== $product->max_variation_price) { 
        $price = '<span class="from">' . _e('Vanaf') . '</span> ';
        $price .= woocommerce_price($product->min_variation_price);
    }           
    return $price;
}

Kathleen Den Dekker van Peteghem 10 years, 7 months ago
Sorry not changed but added.

Kathleen Den Dekker van Peteghem 10 years, 7 months ago

Also found this snippet for the functions.php

/*
 * Removes products count after categories name 
 */
add_filter( 'woocommerce_subcategory_count_html', 'woo_remove_category_products_count' );
function woo_remove_category_products_count() {
  return;
}

That should remove the count of the items in the category.

Andrew Misplon Staff 10 years, 7 months ago
Let me work up a child theme for you.
NB: All WordPress themes completely overwrite their own theme folder during theme updates. Please don’t make any changes via Appearance > Editor unless you’re working from within a child theme.
Andrew Misplon Staff 10 years, 7 months ago
Here we go:
https://siteorigin.com/wp-content/uploads/2015/07/vantage-child-kathleen-01.zip
1. Download the ZIP to your desktop.
2. Install from Appearance > Themes > Add New: Upload Theme. Activate.
3. Test it out.
4. If you’re happy then go to Appearance > Customize, activating a child theme, unfortunately, resets this section. You’ll need to redo your settings. If you have a lot of customizations here then I recommend opening Appearance > Customize in a tab before activating the child theme. Activate the child theme in a new tab. Then copy your Customize settings across manuallly.
Kathleen Den Dekker van Peteghem 10 years, 7 months ago
So I have to do set the colour and menus again?
And for the changes with the price now it says “vanaf” but the price is on a new rule… Looks like “vanaf is linked to the product name as it is a link now.
The counting is gone so that’s nice!
How does it works if Vantage get’s updated? I assume the child theme wil not be updated?
Andrew Misplon Staff 10 years, 7 months ago
When we activate a child theme menu location settings and the Customizer are reset. No way around this. A core WordPress challenge.
When you update Vantage the parent theme is replaced, the child theme is left untouched. It’s update safe and the correct way to make modifications.
I copied the functions in as provided so you’ll need to take a quick look at those and let me know what you’d like to change. Vanaf comes from this line in the function you sourced:
```
$price = '<span class="from">' . _e('Vanaf') . '</span> ';
```
Kathleen Den Dekker van Peteghem 10 years, 7 months ago
Ok! I’m working in the Child theme now.
I’m awaiting help for the ‘vanaf’ problem somewhere else. Hope that wil be solved soon.
In between I found out how I could change the text on the buttons, that works.
But still some questions:
– How do I allign the products in a category see http://thedogcompany.nl/shop/product-categorie/aan-de-lijn/lijnen/
– How do I get the same buttons on my homepage as everywhere else? http://thedogcompany.nl/shop/
Thx!

Kathleen Den Dekker van Peteghem 10 years, 7 months ago

For the allignment I found this code for the style.css

a.added_to_cart.wc-forward { 
    bottom: 0; 
    position: absolute; 
    display: block; 
    bottom: 0px;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product { 
    min-height: 295px !important; 
    margin-bottom:10px; 
}
a.button.add_to_cart_button, 
a.button.product_type_simple { 
    bottom: 30px; 
    position: absolute; 
}