Solved

Trying to edit woocommerce product page to remove image column.

Posted on 2013-06-24
4
472 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

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

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 viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

744 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

15 Experts available now in Live!

Get 1:1 Help Now