I am going to try to summarize this while it is fresh in my mind. I do have an IT background, but am not a programmer, so I am not claiming to be an end all of information. Also, selfishly, if I write this down, I can reference it in the future.
It goes without saying that step 1 is to make a backup of your product listing template. You can have as many as you like, so I copied mine and make "listing_5" which shows up as listing 6 in the product advanced tab. I also tested on a not for sale product so I wasn't messing with live stuff that someone might be trying to purchase.
If you get this to work, you will have dynamic tabbed panels based. Tab 1 is the information in your current description field. The rest are based on your extra fields in the product listing, field 1-5 being the tab titles, fields 6-10 being the content for those tabs (e.g. field 1 title, 6 content for tab) If there is no information in the title or the content, the tab will not show up.
My plan for today is to move the review information to the last tab statically.
I generally cut and paste my code into Dreamweaver and back to the template. You could use any notepad or whatever to do this. There might be a way to do it using the wsywig tools in DW, but I don't know it and am more comfortable working in code.
Any little snippet of wrong code can cause all kinds of errors and problems. Check for these very carefully.
Step One: Get the SpryWidgets code and files. I got mine from DW. Upload the Spry Assets to the /web (root) directory of your 3d server. This folder has the SpryTabbedPanels.js and SpryTabbedPanels.css files.
2) Download the listings.js file from /web/assets/templates/common/js/
To be continued....
It goes without saying that step 1 is to make a backup of your product listing template. You can have as many as you like, so I copied mine and make "listing_5" which shows up as listing 6 in the product advanced tab. I also tested on a not for sale product so I wasn't messing with live stuff that someone might be trying to purchase.
If you get this to work, you will have dynamic tabbed panels based. Tab 1 is the information in your current description field. The rest are based on your extra fields in the product listing, field 1-5 being the tab titles, fields 6-10 being the content for those tabs (e.g. field 1 title, 6 content for tab) If there is no information in the title or the content, the tab will not show up.
My plan for today is to move the review information to the last tab statically.
I generally cut and paste my code into Dreamweaver and back to the template. You could use any notepad or whatever to do this. There might be a way to do it using the wsywig tools in DW, but I don't know it and am more comfortable working in code.
Any little snippet of wrong code can cause all kinds of errors and problems. Check for these very carefully.
Step One: Get the SpryWidgets code and files. I got mine from DW. Upload the Spry Assets to the /web (root) directory of your 3d server. This folder has the SpryTabbedPanels.js and SpryTabbedPanels.css files.
2) Download the listings.js file from /web/assets/templates/common/js/
To be continued....
Comment