product thumbnail prices

eCommerce WordPress theme to create online shop with WooCommerce support
GK User
Wed Apr 02, 2014 10:27 am
Hi, i would like to know how i can add the strikethrough normal price to product thumbnails that are on sale.

Would much appreciate step to step instructions that are very simple, possibly what i would need to edit, what line i need to change etc...

THanks
User avatar
Senior Boarder

GK User
Wed Apr 02, 2014 11:13 am
Hello,

I'll try to help you with your issuess, but I need direct URL to your website with this element.
User avatar
Moderator

GK User
Thu Apr 03, 2014 12:02 am
Piotr Kunicki wrote:Hello,

I'll try to help you with your issuess, but I need direct URL to your website with this element.


Hey i've sent you a PM. Also, i would appreciate if after you've inspected it, you could just give me instructions, as if you make the alteration and i want to make any little adjustments, i would rather not need to bother you again. If you could just let me know how to edit this, which php or css to open and what line to adjust, that would be best with this and along with my other posts you need URL for.

Thanks Piotr
User avatar
Senior Boarder

GK User
Thu Apr 03, 2014 7:54 am
Add this code into override.css file:

Code: Select all
.box.products .gk-nsp-art .gk-nsp-price del > span.amount {
   display: inline;
   float: left;
   margin-right: 5px;
   text-decoration: line-through;
}


You can inspect your CSS selector using Firebug or Google WebDevloper tools, here is article about that:
http://www.gavick.com/documentation/joo ... -size-etc/
It's for Joomla version, but the it's same way in WP.
User avatar
Moderator

GK User
Fri Apr 04, 2014 4:03 am
I added this in Piotr and it did the trick. Top support man !
User avatar
Senior Boarder

GK User
Fri Apr 04, 2014 4:21 am
Just a further question on this one,
On the categories page now, it also does not show discount price, how can i make the same page to categories pages product thumbnails like above.
User avatar
Senior Boarder

GK User
Fri Apr 04, 2014 7:22 am
Add this code to override.css:

Code: Select all
ul.products li.product .price del {
display: inline;
}
User avatar
Moderator

GK User
Sat Apr 05, 2014 1:00 am
Thanks Piotr, you are a champion !
User avatar
Senior Boarder


cron