This topic has 2 voices, contains 4 replies, and was last updated by TB Support 3311 days ago.

Product page design: How to add tabs next to the picture

This topic has been marked as not a support question.

Hi, I understand, that I have 4 pre-defined product page layout. I want to customise them further and add a accordion/tab menu next to the product picture. Underneath, I want to have the options choice and the buy button. How can I achieve that? At the moment, on the product page builder, I have one content block, which I can split into 2 columns. But then I get 3 columns in the end on the live page. Advice would be appreciated!	axanne
March 9, 2015 at 11:21 pm #39100
Hi, For the moment the product page content is a solid block that you cannot manipulate in the admin panel. The layout inside is defined in `tb_themes/pavilion/model/defaultModel.php` as arrays (e.g. Design 1 is starting from row 119 to row 230) and you should be able to modify the structure, if you are familiar with PHP. In the big update that we are preparing, we will add the option to manage each of the product components, but you will have to wait for some time. BR, ThemeBurn team	TB Support
March 17, 2015 at 9:24 am #39336
Hi, thanks for the information. Too bad, that the new update is not released yet as I thought,that this feature is already implemented. I had a look at the php file. It seems rather complicated to add custom blocks to a position with that array. So I would just take the product tabs and add some custom tabs. Is there a way to modify the look of the tabs? So instead of ordinary tabs to make them as an icon accordions? Thanks!	axanne
March 17, 2015 at 1:00 pm #39368
In addition, interesting to know not only for me: Where exactly do I have to modify the template to modify the product page? Is it the normal product.tpl? There I found blocks like this: slotStart xxx; ?> xxx slotStop(); ?> But editing doesn’t work as expected. For example changing the title doesn’t do anything. Withing the description it does work. And this goes on with other blocks. Could you explain a bit more in detail, how the template works?	axanne
March 17, 2015 at 6:12 pm #39380
Hi, The slots, you’ve noticed are the pure content of the page. All the extra markup that is used for the layout (rows, columns etc) is generated by Page Builder engine. When generating the page the engine cuts the slots and then paste them in the appropriate position defined by the array we’ve pointed in our previous post.	TB Support
March 27, 2015 at 1:52 pm #39603

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.