?
Solved

Woo Commerce Wordpress 4.1 How can I change the sale 'placeholder' picture?

Posted on 2015-01-10
2
Medium Priority
?
156 Views
Last Modified: 2015-01-20
Woo commerce
Wordpress 4.1
How can I change the sale 'placeholder' picture.

I do not have access to ftp so I can not find picture (placeholder.png) and swap.

placeholderscreenshot of placeholder for sale taking too much space, plus placeholder.png is ugly
0
Comment
Question by:rgb192
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 15

Accepted Solution

by:
eemit earned 2000 total points
ID: 40544958
To change the product 'placeholder' picture add this to your child theme's functions.php and use image you want:
// change the product 'placeholder' picture
add_filter('woocommerce_placeholder_img_src', 'yourprefix_placeholder_img_src');
function yourprefix_placeholder_img_src( $placeholder_img ){
	//Place your image in images subfolder of your child theme
	//$placeholder_img = get_stylesheet_directory_uri() . '/images/your_placeholder.png';
	// If you don't have access to ftp
	$placeholder_img = "here path to your uploaded image";

	return $placeholder_img;
}

Open in new window

To change the product 'sale flash' you can use CSS to style it e.g.:
.woocommerce span.onsale,
.woocommerce-page span.onsale {
	border-radius: 50%;
	line-height: 28px;
	min-height: 28px;
	min-width: 28px;
}

Open in new window

Add that to your child theme's style.css
0
 

Author Closing Comment

by:rgb192
ID: 40561132
Difficult, but that is the correct answer. I will just tell client that option costs a long time and to not focus on it.

Thanks.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
Many old projects have bad code, but the budget doesn't exist to rewrite the codebase. You can update this code to be safer by introducing contemporary input validation, sanitation, and safer database queries.
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…
Suggested Courses

800 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question