- This topic is empty.
-
AuthorPosts
-
September 20, 2011 at 1:17 pm #34433tannercampbellParticipant
I’ve been working on solé Televisions website for the past week to take it from what they have currently: http://soletv.com to something more like this: http://how-do-i-find-peace.com/sole .
I’ve made the decision to (once I’m complete with the HTML/CSS side of things) convert the site to php pages and transform it into a WordPress theme. I’m new to WordPress themes, but comfortable with what I know. I’ve designed a total of 3 and they all came out pretty decent (thanks in large part to the support of this forum on a number of snags along the way).
Today I started to design a product page and realized I had a problem. If you have a look at http://how-do-i-find-peace.com/sole/product-page.html you’ll see a grey box and a white space to the right. My intention is to utilize shadow box in the grey area to show images of the product being viewed. Large image on top then smaller images below … the user would pick an image and the shadow box would open. You get the idea I’m sure. In that white empty space I want to input something like this: http://jqueryui.com/demos/tabs/ to show specs and features of the product being viewed.
And it hit me: How the hell could WordPress possibly handle this? I need to be able to create a page but within the WordPress page WYSIWYG editor be able to input these elements …. shadow box on the left, jquery tabs on the right.
Is this possible? Can I write a page in WordPress that does this?
September 20, 2011 at 1:36 pm #87624TheDocMemberYou’ll want to use the wonderful plugin: Advanced Custom Fields. I even recently did a little writeup about it: http://blog.designbygray.ca/make-wordpress-a-proper-cms-with-advanced-custom-fields/
Basically, the plugin allows you to add multiple WYSIWYG areas to the edit screen. Then, you can call each individual field in your template file!
September 20, 2011 at 2:55 pm #87626TheDocMemberI would definitely use the plugin. It will be much easier to manage. And you can set it to only appear on certain pages. So, you can set the extra fields to only appear if the parent page is ‘Products’, for example.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.