How do you add a horizontal tabbed panel within the eCommerce "Individual-Product-Large" page?

I am a new user to Business Catalyst and Muse web design... So sorry if this seems like a daft question
I have created a website in Muse.
Then I created the template page that BC can reference for the eCommerce area and inserted the tag to hold content from the BC - {tag_pagecontent}.
I then created products and catalogues, grouped products etc - all groovy. Working great.
I then decided that it was time to style the page as per my design - snap shot below (similar to how i did for the blog - which works great).
So i started with the page layout.
I managed to move the content from left to right and change widths, i then started to try to create the tabbed section in the same way and ba bowwwwww - epic fail
I want to use a "Horizontal Tabbed Widget" as per the one i picked from Muse.
I have a LOT of information that is unique for each product, so rather than have this huge page, its just easier to show it this way - plus it seemed pretty standard on other eCommerce site...
But I am stumped.
I'm so confused, i thought if i copied what seemed like a standard on other sites it would be fairly easy, especially since Muse has the Horizontal Tabbed widget - i though it would just come over to BC.
Except, i can't get it to work...
I'm not sure what i am doing wrong?
A) I would like the "Individual-Product-Content" to look like the Horizontal Tabbed Widget in the screen shot of the original design from inside Muse below - im sure its possible.
The Tabbed section is unique to the product, as is the description and the little icons bottom left and the ingredients.
B) then the next conundrum is that each tab would have unique text to the product it is showing, how do i add those fields into the BC Product menu where the product is created and added to catalogues etc.
I have searched and searched the web and have found nothing that is helpful.
Anything that i have found only does a portion of what i need.
I found something on jQuery - should i be using this?
Or can i create the same thing using CSS?
Or should i be combing jQuery with the BC Web Apps?
I'd really just like help where i can be pointed in the direction of the instructions to achieve this.
I even downloaded the BC instruction manual, which also has nothing.
I'm sure that the answer is very very simple - but i'm just not experienced enough and after a week of trying to find the solution i thought i'd ask the experts!
I really do appreciate anyone who takes the time to help me out.
Thanks heaps!
Muse Design:
Current layout in Adobe BC:

HI DAVIDFON, Thank you for replying to my post.
I am using Adobe Business Catalyst to build the eCommerce component of the site. This is where i came a cropper.
I'm not using Bootstrap or Foundation. I have done a little research on both and am wondering how easy it is to add the tabbed section to Business Catalyst with Bootstrap? nothing really explains this online...
I'm also wondering how easy it is to put in custom information in the tabbed sections when the fields and tags are not available in Business Catalyst.
Do you know if i can add custom fields and new tags in Business catalyst when you add products in BC?
I'm sure you can but i can't find any reference to this online either?
Thanks for your help.

Similar Messages

How do you add a Spry Collapsible Panel Group?

How do you add a spry Collapsible Panel Group? When I go to
the Insert -> Spry there is only a Spry Collapsible Panel
option, not group. Do I have to download an update? Is there
something wrong with my install?
I appreciate any help.

Hi Lithium,
The Spry features in Dreamweaver are a subset of the total
features in the Spry framework. The CP Group is not an option in
the Insert Bar, but it is pretty simple to write the code for it.
I am sure you have seen the sample for it:
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html

Just uploaded iso7 , . . .hate it! Can you change background colours? How do you add a new item/activity to the schedule? In notes the font has changed, can I change it back and the link colour is now yellow instead of blue, can I change it? Thanks

Just uploaded iso7 , . . .hate it! Can you change background colours? How do you add a new item/activity to the schedule? In notes the font has changed, can I change it back and the link colour is now yellow instead of blue, can I change it? Yellow on white is harder to read. Thanks

Another question. How do you bookmark something. It was so easy before, why did they change it? Can I uninstall it?

How do you add a button that will email the PDF its on?

I need to create a form but they want it to have a button that will open up an email to send that PDF as an attachment or something along those lines. Is that possible?

Just a bit more info. E-mail can be used, but has potential problems -- often related to the client machine that you have no control over. Use the data submissions (either FDF or XML) rather than the full PDF so you do not have to deal with Reader Rights and the related license issues. The FDF and XML data files are easily imported into the original form so that you see what the client sees. With those aspects in mind, just go ahead and try one. Be aware that you can add form fields using the form tools in the Advanced Editing tools, OR use the forms menu that will take you to Designer. You might want to try both to see the pros and cons. Be sure to keep such a test simple so you are not wasting time on your final form just for testing. I typically create a 1 page form that has all of the possible fields for such a test.

How do you add pictures instead of video into the comic book theme?

I'm doing a project for school and I have to use the comic book theme in iMovie. In the box above the text where you would usually add a movie or video, I want to put photos. How do I do that? Thanks

Does it allow you to drag a photo into that window? Try it with a picture out of iPhoto maybe and see if it will allow you to drop it into the placeholder area.

How do you add multiple images in Keynote with the same slide formatting?

I want to add 100+ images into Keynote for a photo slideshow, and I want all of the images to be preformatted using the frame/border style I set up in one of the master slides...I don't want the images to fill the entire slide, and the goal is to not have to touch every slide and every image. I know I can add images individually using the media button on the photo placeholder and the photo will fill the frame I have created, but I want to do this for all images at one time. Is there a way to do this when adding the images into the presentation, or a way to format them all at once after adding them to the presentation. Someone please help, I have looked everywhere and have had no luck finding an answer!!! I accidentally made this happen last week when I was playing around but I don't know what I did and I can't seem to duplicate the results. I feel certain there has to be a fairly simply solution, something I am missing. I am working in the most recent version of Keynote (ver 6) and on Maverick OS.

tspencer74, I have exactly the same problem and it's driving me nuts! I'm heartened that you managed to actually do this even by accident as I've not managed to make it happen at all in spite of much fiddling. So, the big question, did you find the answer? If so can you tell me what it is please?

How do you add a custom avatar pic for the Apple Support account?

I've noticed some people have their own pics for their avatar, not offered in the pics section when you customize your profile settings. I looked for an option to upload a custom profile pic, but couldn't find it; I only managed to find the option for uploading a profile photo, not a custom avatar pic. Thanks in advance.

The ability to add a custom avatar becomes available once you reach Level 3 (=500 points).
https://discussions.apple.com/thread/2548447

How do you add music to your device with the new iTunes. Before you could just select and drag and drop?

I can't figure ou thow to add music from Itunes to my iPhone. I don't want to sync them, I prefer to select the files/music etc I want on my phone?

In Windows 7, iTunes 11, When you connect your device, and drag a file or multiple files to the right part of iTunes and a screen will appear with the playlist and the devices connected. Hope this will help you!

How do you allow Unix based ONC RPC within the security constraints of SGD

On our new boxes running SGD 4.2.91and up we notice that our applications that uses rpc to communicate no longer work. One of the programs, the arbitrator, (i.e. runs in its on process space, not a linked in library). Therefore, two user will share the same arbitrator (or conversely, only one arbitrator runs per machine). The arbitrator runs without a display (i.e. has no stdout, etc, similar to a daemon). The arbitration process also uses the UNIX kernel resource of shared memory. Here is what I have observed with my testing. The arbitrator routine is successfully registered in the port map ( svc_register). This means it does run. But later when svc_run is called, the process is not found ( actually the select fails), and ps �ef | grep arbitrator indicates that the arbitrator is not running

Does SGD put any restrictions/constraints on ONC RPC, ie does it attempt to block or authenicate?
What object list_attributes does the application that luanches arbitrator need?
Does abribrator need to be in the list of allow applications for the current user? Can it be put in this list and not have an icon on the desktop ( since the user does not manually launch it, and usually is not even aware of it)?
Or, more generally, how does the enumerated allowed list of executables handle a process that exec/forks a new process? ie does SGD have to know the forked process name, etc?

How Do You Add Multiple CSS Rules to Text?

Hi everyone, I have these css rules in my css styles window they are all assigned to some text in a cell on my page.
.Def14grey4 <body>
.def14grey4 a:link <a>
.def14grey4 a:visited <a>
.def14grey4 a:hover <a>
.def14grey4 a:active <a>
.def14grey4 a:focus <a>
How do you add (all of) these styles to the text in the first place, I know how to add the first one (.Def14grey4), you select the text in the cell and choose the rule from the drop-down menu in the css panel, but how do you add the other ones to some text as well, so that it can have the same link properties.
Basically I have some more text elsewhere on the page and want to assign these rules to that as well.
thanks Gareth

You would want to change your order as shown here -
.Def14grey4 <body>
.def14grey4 a:link <a>
.def14grey4 a:visited <a>
.def14grey4 a:hover, .def14grey4 a:focus <a>
.def14grey4 a:active <a>
That way, the hover and the focus states are equivalent.
How do you add (all of) these styles to the text in the first place, I know how to add the first one
You don't really. The 4 bottom selectors say -
"find an element with a class of 'def14grey4', and style any link inside that element this way"
So, <span class="def14grey4"><a href="whatever.html">Whatever</a></span> would get the pseudo-class styles, as would any of the following -
<span class="def14grey4"><a href="whatever.html">Whatever</a></span>
<td class="def14grey4"><a href="whatever.html">Whatever</a></td>
<p class="def14grey4"><a href="whatever.html">Whatever</a></p>
<body class="def14grey4"><a href="whatever.html">Whatever</a></body>
<div class="def14grey4"><a href="whatever.html">Whatever</a></div>
<strong class="def14grey4"><a href="whatever.html">Whatever</a></strong>
and so on. These examples assume that there isn't some other more specific rule that would apply to the same links. You need to study up on the CSS cascade and specificity....

How do I add a spry Collapsible Panel Group?

How do you add a spry Collapsible Panel Group? When I go to
the Insert -> Spry there is only a Spry Collapsible Panel
option, not group. Do I have to download an update? Is there
something wrong with my install?
I appreciate any help.

Could someone at least tell me if they are able to add a Spry
Collapsible Panel Group from the Insert -> Spry menu?

How do you add more than one song to library.....

How do you add more than one song to the library using the "Add File to Library" option? I just upgraded to itunes 7.1.1.5 from an early version and used to be able to do this but now it want let me, it only lets me add one song at a time. I don't want to use the "Add Folder" option because it adds m3u playists and all kinds of things I don't want to be in my library. Is this a glitch? because it doesn't make sense.

When using the "add file to library" feature, hold down the CNTL (control) button as you pick your songs...
DON'T RELEASE THE BUTTON UNTIL YOU HAVE SLECTED ALL THE SONGS...
then just hit hit the button to add them a voila

How do you add a source to the Health app?

How do you add a source (ie, Nike +) to the new Health app?

http://help.apple.com/iphone/8/

How do you add a reminder on the ipad in iOS 7?

I hate to admit defeat, but I'm stumped. How do you add a reminder in Reminders on the iPad 2 in iOS 7?

It is not easy to see and I found it by messing around. First of all put them in daye order by dragging the screen down and touching the little alarm clock at the top. Then touch the space below the earlies reminder and a new one comes up. It defaults to 'today' so you have to touch the new reminder and then touch the 'i' button that appears. You can then change the date and time etc. No easy.
I dont understand why Apple do these thongs before updating the user guide!
Hope this helps.

How do you add an application event to the Applications Panel

How do you add an application event to the Applications Panel.
My previous post referred to .ashx files, and the problem seems that Firefox, by default, does not recognize a .ashx format being read by Adobe Acrobat.
Therefore there needs to be a way to add Applications and Events into the Applications Panel under Preferences

domdp wrote:
...I have Theme L selected and I get 10 icons along the left side and bottom....
...I am thinking I may be limited to 10 icons....
Gotcha... But actually its limited to 9 icons in the L theme as the Profiles icon is always present. From that screen hit the Menu key to display the bigger list of icons. Arange them so the first 9 icons are the ones you want to see on the L theme.

How do you add a horizontal tabbed panel within the eCommerce "Individual-Product-Large" page?

Similar Messages

Maybe you are looking for