Return to previous page

Fitting products tabs below product details

This topic has 18 replies, 4 voices, and was last updated 7 years, 4 months ago ago by Rose Tyler

kabarovsky

Participant

November 12, 2016 at 12:43

Hi,

there is something I want to customize but not sure how, so I would really appreciate your help.

On a single product page tabs “description/review/return policy etc.” are positioned below all the content and when sidebar is too high then visitors must scroll all the way down to see description and other tabs.

I want to fit these tabs right below product details.

Fit this http://oi66.tinypic.com/kdx5he.jpg here http://oi65.tinypic.com/6ygq68.jpg

Any advice?

Thank you!

#145663 Copied

17 Answers

Rose Tyler

Support staff

November 14, 2016 at 08:15

Hello,

You need create child theme https://8theme.com/demo/docs/legenda/index.html#!/child_theme and make changes in the file wp-content/themes/legenda-child/woocommerce/content-single-product.php.

Regards,
Rose Tyler.

#145716 Copied

Goviwebs

Participant

July 1, 2017 at 08:41

I have the same problem, support talks about modifying child theme, but can you tell me which code should I attach to modify it?

#166843 Copied

Rose Tyler

Support staff

July 3, 2017 at 12:49

Hello,

The options to display tabs as previously described will be added in new theme update (that will be realized within 1 week).

Regards,
Rose Tyler.

#166918 Copied

msjackiemack

Participant

July 14, 2018 at 14:04

Please, contact administrator
for this information.

#196672 Copied Theme version: latest WooCommerce version: latest

Rose Tyler

Support staff

July 16, 2018 at 09:14

Hello @msjackiemack,

There is no such possibility, by default. But you can copy content-single-product.php form legenda/woocommerce into woocommerce folder of your child theme and change position of this code https://prnt.sc/k6xubv

Regards

#196699 Copied

msjackiemack

Participant

July 16, 2018 at 12:49

Hi Rose,

Thank you – I’ve just done that and nothing changed.

I’ve added the amended file to /themes/legenda-child/woocommerce/content-single-product.php

I cleared my cookies too in case it was that, but nothing either.

Perhaps this can be a customization job?

Regards,

Jackie

#196724 Copied

Rose Tyler

Support staff

July 16, 2018 at 12:55

Hello @msjackiemack,

Have you changed the position of code in the file https://prnt.sc/k6xubv ? Is child theme activated on your site?

Regards

#196726 Copied

msjackiemack

Participant

July 16, 2018 at 13:01

Yes, the child theme is active, I’ve done a few customizations myself.

I also changed the position of the code https://prnt.sc/k70wg5

Regards,

#196729 Copied

Rose Tyler

Support staff

July 16, 2018 at 13:07

Hello @msjackiemack,

Please make sure that Tabs position in Theme options – Inside Content.
Provide us with temporary wp-admin and FTP access so we can take a closer look.

Regards

#196731 Copied

msjackiemack

Participant

July 16, 2018 at 13:19

Just changed to ‘inside content’ and that worked.

Now I’ll fix the position with CSS and should be properly fixed.

If I have any further queries, I’ll let you know.

Thank you so much once again.

Regards,

Jackie

#196732 Copied

Rose Tyler

Support staff

July 16, 2018 at 13:27

Hello @msjackiemack,

You’re welcome!

Regards

#196733 Copied

msjackiemack

Participant

July 17, 2018 at 03:50

Hi Rose,

I’ve moved my tabs under the ‘add to cart’ button on the single product page and fixed the width of the tabs on larger devices.

However, on mobile, it overflows the width of the screen: http://prntscr.com/k7b9fj and haven’t been able to fix it.

Any ideas how? or this would be a customization job?

Regards,

Jackie

#196780 Copied
Rose Tyler

Support staff

July 17, 2018 at 07:49
Hello @msjackiemack,

Please change this custom css code http://prntscr.com/k7d1yz to:

.tabs.tabs-default { display: block; width: 100% !important; }

Regards
#196791 Copied
msjackiemack

Participant

July 17, 2018 at 12:32

Perfect! thank you.

#196829 Copied

Rose Tyler

Support staff

July 17, 2018 at 12:46

Hello @msjackiemack,

You’re welcome!
Would you mind to rate our product: https://themeforest.net/downloads
That would be much appreciated 🙂

Regards

#196832 Copied

msjackiemack

Participant

July 17, 2018 at 14:35

I already have – gave it a 5 star stellar review – ages ago!

Keep up the great work.

Regards,

#196848 Copied

Rose Tyler

Support staff

July 17, 2018 at 14:59

Hello @msjackiemack,

Great.
Have a nice day.

Regards

#196850 Copied
Viewing 18 results - 1 through 18 (of 18 total)