Is There A Way To Create A Tabs In Website>Pages Like In Product Tabs?

Is there anyway we can create a Tabs within a Website>Pages just like the one that appears in the Product Tabs?

For example: The name of one of my page is "Information" and within this page when you open it I should be able to see number of tabs such as | Info Tab1 | Info Tab2 | Info Tab3 | Info Tab4 | Info Tab5 and so on.

Any help or guide how to do it would be appreciated.

Hello.

It is not possible without prepare modification or addon which will do it.

Best regards

Robert.

By any chance anyone knows if there's any add-on available to fulfill this requirements?

Don't believe I've seen anything... No reason it wouldn't be doable, but might (haven't reviewed in depth).

Hello.

It seems that it probably does not exist, it would have to be written.

Best regards

Robert.

Thanks for your reply guys...

Well, this would seem a call for the active developers to create such add-on and add it to the list in the marketplace. I will surely be one to buy if can create it.

- add the HTML block with SMARTY support to the Pages layout page and the following content

{script src="js/tygh/tabs.js"}

- on the "update page" page switch WYSIWYG editor to the source code mode and use the following code

123123
345345345
6767676767

It should solve your problem

Not enough market to develop a "product". You can make code changes as Ecom gives you above but then you'll have to manage those changes at every upgrade. Doing a "product" involves a lot more than a code change.

You might add it to the wishlist for cs-cart.

Hi eComLab thanks for providing the solution as you always do and to all who gave some insights.

I'll update you once i implement this changes.

Hi eComLab, I'm not sure if i'm doing it right as you instructed.

1. I've placed the first line of code in the Pages Layout Page under the General Tab > Custom HTML Code

2. Then created a "Sample Page" and paste the second codes in the page in code mode

Below is what I see when previewing the page.

o Header1 o Header2 o Header3

This is the content of Tab Header1

Can you let me know if I did put the first code in the right place?

Hi eComLab, I'm not sure if i'm doing it right as you instructed.

1. I've placed the first line of code in the Pages Layout Page under the General Tab > Custom HTML Code

2. Then created a "Sample Page" and paste the second codes in the page in code mode

Below is what I see when previewing the page.

Can you let me know if I did put the first code in the right place?

Hello!

Did you create simple HTML block or block with SMARTY support? Block with SMARTY support is necessary.

Hi eComLab, I'm not sure if i'm doing it right as you instructed.

1. I've placed the first line of code in the Pages Layout Page under the General Tab > Custom HTML Code

2. Then created a "Sample Page" and paste the second codes in the page in code mode

Below is what I see when previewing the page.

Can you let me know if I did put the first code in the right place?

Design -> Layout -> Pages -> Add block -> HTML block with Smarty support

P.S. tbirnseth is not right, you will not need to apply these changes after each upgrade. This is one time action

- add the HTML block with SMARTY support to the Pages layout page and the following content

{script src="js/tygh/tabs.js"}

- on the "update page" page switch WYSIWYG editor to the source code mode and use the following code


123123
345345345
6767676767

It should solve your problem

This works well!

After saving the codes it seems that it automatically removes the ids

FROM

123123
345345345
6767676767

TO

123123
345345345
6767676767

any idea why?

Try to switch to another WYSIWYG editor

I've tried to used all the three WYSIWYG EDITOR (Redactor, Radactor II and TinyMCE) and getting the below every time i save the code it removes the id.

Notice Some HTML tags that you have used were cut off because of the restrictions on inserting HTML tags such as ,

I'm sure the solution of eComLabs is useful for us if only I can get it to work. Are you guys using one of the above WYSIWYG EDITOR?

I am using best editor ;)

https://www.ecom-labs.com/ready-to-use-add-ons/cs-cart-full-ckeditor-add-on.html

I've tried to used all the three WYSIWYG EDITOR (Redactor, Radactor II and TinyMCE) and getting the below every time i save the code it removes the id.

I'm sure the solution of eComLabs is useful for us if only I can get it to work. Are you guys using one of the above WYSIWYG EDITOR?

I've tried to used all the three WYSIWYG EDITOR (Redactor, Radactor II and TinyMCE) and getting the below every time i save the code it removes the id.

I'm sure the solution of eComLabs is useful for us if only I can get it to work. Are you guys using one of the above WYSIWYG EDITOR?

I have no ideal why they delete id attribute. Try full version of ckeditor as Darius suggested

Thanks guys for your help. I will try to install the add-on of eComLabs and i hope it will solve the problem otherwise i will just shell out some $$$ to ask eComLabs to customize our requirements :)

Feel free to contact us