IRD-dev

I wanted to circle back and say THANK YOU, as your great plugin now appropriately handles this issue!

As a dev, it didn’t phase me; especially since this project does not employ mega menus. Thanks for responding and, again, for this excellent plugin and timely support!

There is a “Hide Notice”, at the tail of the warning. Is this the same as a “dismiss” action?

Thanks for the prompt feedback! I am not using mega-menus and, hence, did not panic. Notwithstanding, any such warning is a bit unnerving .. especially to the site owner who, oftentimes, is not at all technical.

If you can manage to allow us dev’s to dismiss that warning, that would be most appreciated!

After some more digging and learning, the SVG image that I am seeing is the WooCommerce add-to-cart graphic .. but it’s being repeated along the Y axis for some reason.

Used this tool for rendering the SVG mapping which, in this case, was:

M21.229,7.925L16.938,17.7H7.64L2.812,7.925H0v2.33h0.643c0.904-0.17,0.904-0.17,1.257,0.785l3.819,8.901h12.578l3.805-8.9c0.383-0.807,0.383-0.807,1.256-0.786H24v-2.33H21.229L21.229,7.925z

https://naiksoftware.github.io/svg.html

Understood. Since I am customising this functionality, it matters not for me to hardcode the desired value. Just asking, in case the custom wishes to alter the value thereafter.

Thanks, again!

Indeed; that is SO much simpler! Thank you kindly for the shared wisdom.

Is there a way to retain the theme-defined value for “Sale!”, using your approach? I noted it doesn’t reference __( ‘Sale!’, ‘woocommerce’ )

Perhaps as such:

add_filter( 'woocommerce_sale_flash', 'wpwc_change_on_sale' );

function wpwc_change_on_sale() {
    return '<div class="onsale-ribbon-wrapper"><span class="onsale-ribbon">' . __( 'Sale!', 'woocommerce' ) . '</span></div>';
}

Hello Roy. Thanks! Would you kindly elaborate? I am still learning the ways of the WordPress ninja.

I did note that both versions of sale-flash.php were applying the same filter “woocommerce_sale_flash”. However, since that PHP code contained the HTML output that I wanted to alter, I did not think it possible to change the filter external to the PHP file itself. Hence, I copied them from the aforementioned woocommerce dirs to my child theme:
\childtheme\woocommerce\loop\sale-flash.php
\childtheme\woocommerce\single-product\sale-flash.php
Which I learned about from articles such as this.

I then modified them as such, even renaming the SPAN’s original Classname, so that the theme’s CSS for “onsale” no longer applied:

Before:
echo apply_filters( 'woocommerce_sale_flash', '<span class="onsale">' . __( 'Sale!', 'woocommerce' ) . '</span>', $post, $product );

After:
echo apply_filters( 'woocommerce_sale_flash', '<div class="onsale-ribbon-wrapper"><span class="onsale-ribbon">' . __( 'Sale!', 'woocommerce' ) . '</span></div>', $post, $product );

If I understood you correctly, I am able to redefine the output portion of this filter .. which I can do externally (either modify my child’s functions.php .. or use a plugin such as “Code Snippets”) and, in effect, alter the 2nd argument of the filter as desired:

'<div class="onsale-ribbon-wrapper"><span class="onsale-ribbon">' . __( 'Sale!', 'woocommerce' ) . '</span></div>'

Please do elaborate!

@iframe – are you in agreement that my suggestion will not cause issues and may, in fact, be a noteworthy change?

I am contemplating making an additional albeit experimental change, by directly (myPhpAdmin) editing the “user_nicename” database column’s value in WP_USERS table, for the Admin user. Presently, its value is the SAME as the username and I plan to change it to the same value as the account’s Nickname which, in my case, is purposefully dissimilar to the username. This is just in case the “nicename” is shown anywhere within WP or the plugins I’ve engaged.

I recently came across this plugin. Has anyone leveraged it with success? It seems to encompass a range of security features: “all-in-one-wp-security-and-firewall”

https://www.ads-software.com/plugins/all-in-one-wp-security-and-firewall/

And, because all of that stuff came with the “Premium Theme” purchase, I cannot authenticate for support @ BrainstormForce or any of the other plugin author’s sites.

@jamesckemp – The theme has always been my top suspect. At this point, I don’t care who/what is at the center .. I just need to get it fixed, so that I may return to designing this site vs. troubleshooting someone else’s code issues.

The theme is THE7 (7.2 ~ latest) and came with WooCommerce, Brainstorm’s Ultimate add-ons, Visual Composer and others .. clearly, there’s a compatibility issue, based on my above post as well as many of the otherwise truly beautiful Ultimate shortcodes failing miserably.

Forgot the background-image removal:

/* Remove the button background graffiti on woocommerce add_to_cart shortcode */
.button.add_to_cart_button.product_type_simple {
    background-image: none;
    background: none repeat scroll 0 0 #cccccc !important;
    color: #000000 !important;
}
/* And get rid of the ugly border and wasteful padding on woocommerce add_to_cart shortcode */
.product .woocommerce .add_to_cart_inline  {
    border: 0px;
    padding: 0px;
}

2015-NOV:
@jamesckemp – Thanks. It’s dismaying that WooCommerce does not have their shortcodes list up-to-date with info such as you shared.

Add To Cart:
https://docs.woothemes.com/document/woocommerce-shortcodes/#section-9

Your idea worked like a charm:

[add_to_cart id="99" show_price="false"]

As an aside, using this shortcut (typing it OR choosing the woocommerce button “add to cart”) produces a garbled button with a graphic that looks like a heart monitor. _/\_/\_

Inspecting the applied CSS, it seems a background graphic is being applied to this class: .product_type_simple:after, .product_type_variable:after
Why and where is this defined in one’s Theme or WP core?

Default in “The7” theme:

data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22https://www.w3.org/2000/svg%22%20xmlns:xlink=%22https://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2224px%22%20height=%2224px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M21.229,7.925L16.938,17.7H7.078L2.812,7.925H0v2.33h0.643c0.904-0.021,0.904-0.021,1.257,0.785l3.819,8.901h12.578l3.805-8.9c0.383-0.807,0.383-0.807,1.256-0.786H24v-2.33H21.229L21.229,7.925z%22/%3E%3Cpolygon%20points=%2216.7,8.025%2013.023,8.025%2013.023,11.8%2010.975,11.8%2010.975,8.025%207.3,8.025%207.3,5.976%2010.975,5.976%2010.975,2.2%2013.023,2.2%2013.023,5.976%2016.7,5.976%20%22/%3E%3C/svg%3E

After deobfuscation:

data:image/svg+xml,<svg version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" fill="white" xml:space="preserve"><path d="M21.229,7.925L16.938,17.7H7.64L2.812,7.925H0v2.33h0.643c0.904-0.17,0.904-0.17,1.257,0.785l3.819,8.901h12.578l3.805-8.9c0.383-0.807,0.383-0.807,1.256-0.786H24v-2.33H21.229L21.229,7.925z"/><polygon points="16.7,8.21 13.19,8.21 13.19,11.8 10.975,11.8 10.975,8.21 7.3,8.21 7.3,5.976 10.975,5.976 10.975,2.2 13.19,2.2 13.19,5.976 16.7,5.976 "/></svg>

As much as WooCommerce has great features, there is still a LOT that needs cleanup / fixing / transparency to the rest of the novice community.

It appears that, at least in the theme I am working with at present, the only choice is to override the style with Custom CSS:

For example:

/* Remove the button background graffiti */
.button.add_to_cart_button.product_type_simple {
  background: none repeat scroll 0 0 #cccccc !important;
  color: #000000 !important;
}
/* And get rid of the ugly border and wasteful padding */
.product .woocommerce .add_to_cart_inline  {
    border: 0px;
	padding: 0px;
}

@takayuki Miyoshi –
Apparently, my prior comment is a known bug:

"When the reCAPTCHA feature is engaged,
much of it extends off the viewable area
on mobile devices."

https://code.google.com/p/recaptcha/issues/detail?id=215