Product Page Layout Modification

Store UI, layout, design, look and feel; Discussion on the customer facing pages of your online store. Cascading Style Sheets, Themes, Scriptlets, NVelocity and the components in the ConLib directory.
Post Reply
User avatar
hassonmike
Lieutenant (LT)
Lieutenant (LT)
Posts: 76
Joined: Tue Apr 19, 2011 2:13 pm
Contact:

Product Page Layout Modification

Post by hassonmike » Fri May 18, 2012 11:34 am

So we are looking at updating the way our information is displayed on our pages. Noticing that many sites are going with a sort of, mini-browsing section where they can click through Description/Specs/Reviews/Ect.

Lowes.com is a good example of what we're looking for: http://www.lowes.com/pd_98004-505-31421 ... facetInfo=

Is there a plugin or possibly some custom coding that can accomplish this for AbleCommerce 7.3?

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: Product Page Layout Modification

Post by jmestep » Fri May 18, 2012 2:09 pm

We have a plugin or two. Here is the page that shows one of them
http://www.web2market.com/Tabbed-Conten ... -P108.aspx

There is a newer one that is jQuery based and used on this site- they are only using two tabs, but there are more available.
http://www.saddlebackresources.com/The- ... 47C14.aspx
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

User avatar
hassonmike
Lieutenant (LT)
Lieutenant (LT)
Posts: 76
Joined: Tue Apr 19, 2011 2:13 pm
Contact:

Re: Product Page Layout Modification

Post by hassonmike » Fri May 18, 2012 2:31 pm

I think might be what we're looking for

How is managed from the backend? Can we add custom tabs?

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: Product Page Layout Modification

Post by jmestep » Sat May 19, 2012 2:15 pm

Yes, you can add custom tabs. You can also just use the tab section for other content by removing/adding some things.
On this site, we've used the jquery tabs in four different places:
http://www.saddlebackresources.com/Default.aspx -- in the community connect at the lower right for facebook and youtube feeds.
http://www.saddlebackresources.com/Sermons-C3.aspx - for the tabbed display of categories
http://www.saddlebackresources.com/A-Ne ... -C796.aspx - for the series and parts
http://www.saddlebackresources.com/The- ... 47C14.aspx - for the product tabs.
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

User avatar
hassonmike
Lieutenant (LT)
Lieutenant (LT)
Posts: 76
Joined: Tue Apr 19, 2011 2:13 pm
Contact:

Re: Product Page Layout Modification

Post by hassonmike » Mon May 21, 2012 9:28 am

What is the cost/time required for implementing the jquery version? Is documentation provided for the functions?

And is the only difference between the two methods being able to use the tabs anywhere, as opposed to only the product page?

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: Product Page Layout Modification

Post by jmestep » Tue May 22, 2012 5:46 am

I was just giving examples of how the plugin could be re-used, but couldn't give a quote because that would depend on what someone wanted done/what someone could do themselves. There are installation instructions and it is based on the jQuery UI plugin and you can use any of the jQuery theme roller themes by changing the theme there and downloading new js and css files.
http://jqueryui.com/themeroller/
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

Post Reply