Solved

Trying to edit woocommerce product page to remove image column.

Posted on 2013-06-24
4
473 Views
Last Modified: 2013-06-26
I am trying to remove the image and image column in my woocommerce product page.

This is the page I removed the image from:

http://futurehoustonsupport.com/events/?product=07-12-13-summer-salon-2-access-to-healthcare

I was able to remove the image from the page using function.php.  as described here: http://www.skyverge.com/blog/hide-woocommerce-product-image/

But I'm not using a wootheme (using twenty twelve theme) so the instructions dont apply for the removing the column on that page.

Thx!!
0
Comment
Question by:Oscar9ertango
  • 2
4 Comments
 
LVL 9

Expert Comment

by:TvMpt
ID: 39272267
You could use the function .remove() after the page loaded. Will work on any template.
http://api.jquery.com/remove/


Something like $('.image_class_that_you_want_to_remove').remove();
0
 

Author Comment

by:Oscar9ertango
ID: 39273703
Where would I put this?
0
 
LVL 4

Accepted Solution

by:
ScorchD earned 500 total points
ID: 39276556
You just need to update the css to the following.

.product .summary { float:none!important; width:auto!important;}

Open in new window


may need to add important depending on when your stylesheet is called.
0
 

Author Closing Comment

by:Oscar9ertango
ID: 39277823
Ok great answer, I will be posting another question in a few minutes. Please check.

I am trying to remove the word "Free!" in the product page for an item that costs 0

http://futurehoustonsupport.com/events/?product=summer-salon-2-pay-at-the-event
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…

937 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

Need Help in Real-Time?

Connect with top rated Experts

1 Experts available now in Live!

Get 1:1 Help Now