close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

PS4 :: Change the product page layout?

Thread began 5/30/2012 6:55 pm by sandy170299 | Last modified 6/01/2012 7:02 am by Jason Byrnes | 1261 views | 9 replies |

sandy170299

PS4 :: Change the product page layout?

Is there an easy way to change the layout from the standard vertical layout to this?

?post_type=product

With columns and rows instead?

Thanks!

Sign in to reply to this post

Jason ByrnesWebAssist

yes, in the power store admin section, go to the design tab.

in the Additional Options section, you can select to use a grid style catalog.

Sign in to reply to this post

sandy170299

That's where it was hiding - thank you!

Sign in to reply to this post

sandy170299

Jason, how do I keep the title from getting cut off on the product name? Please see the attached screen print.

Sign in to reply to this post

Jason ByrnesWebAssist

you will need to edit the css for your theme.

in the themes css file, find the following selector:

.content.product .contentBoxGrid h2 {

and remove the white_space:no-wrap; attribute, and add a height.

Sign in to reply to this post

sandy170299

Thanks - got it!

Sign in to reply to this post

sandy170299

Jason, one more question. What are the styles that control the top "header" and bottom colors of the grids in the grid format? My client wants everything removed. For example, on the graphic I attached to my previous post, the gray rounded header and footer of the grid box. Thank you.

Sign in to reply to this post

Jason ByrnesWebAssist

i think your talking about the background image applied to the following selectors:
#outerWrapper #navWrapper #aboveNavigation {

#footerWrapper {

Sign in to reply to this post

sandy170299

I actually just found it, Jason. The grid box area - above and below each product image. I just put all the background colors to #FFF and remarked the

/*-moz-border-radius: 6px;*/ /* FF1+ */
/*-webkit-border-radius: 6px;*/ /* Saf3+, Chrome */
/*border-radius: 6px;*/ /* Opera 10.5, IE 9 */

and it seems to be okay now. The client just wanted everything white, without the heavy borders.

Thank you!

Sign in to reply to this post

Jason ByrnesWebAssist

ok, glad to hear it is working.

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...