Return to previous page

Move Tabs and Related Products on Single Product Page

This topic has 21 replies, 5 voices, and was last updated 11 years, 2 months ago ago by rwlee33

rwlee33

Participant

September 10, 2014 at 00:05

Hi,

Here is the issue:
On the single product page, the left sidebar pushes the tabs and recent products down to far on the page. I’d like them to be directly below the product, and not be effected by the sidebar. I used the following code, but it is not having the desired effect. Can you help? Code and login details provided. Thanks!

Please, contact administrator
for this information.

#14829 Copied

20 Answers

Robert Hall

Participant

September 10, 2014 at 07:29

Hello,

As I see, position of the tabs isn’t far from content in single product page. Doesn’t it?
look at screenshot: http://prntscr.com/4lewig

Regards,
Robert Hall.

#14844 Copied

rwlee33

Participant

September 10, 2014 at 07:38

Hi Robert,

After you click a few items, the “Recently Viewed” area in the sidebar starts to populate and pushes everything down. Try it and see how it acts.

Additionally, if I add anything else to the sidebar, it will push it down.

I’d like the Tabs and Related Products to NOT be under the sidebar, but instead, directly under the product.

(I mistyped in the first email, I mean “…the left sidebar pushes the tabs and RELATED products down too far on the page)

#14845 Copied

Robert Hall

Participant

September 10, 2014 at 08:32

Now I understand you.
Sorry, but it requires additional customization and is a paid service.

Regards,
Robert Hall.

#14851 Copied

rwlee33

Participant

September 10, 2014 at 08:35

Thanks Robert.

Can you take a look at the custom code I was sent to resolve the issue and help tweak it? It really shouldn’t be that much more work. I had it working, but moved hosting providers and it wiped the custom css.

Please, contact administrator
for this information.

#14852 Copied

rwlee33

Participant

September 11, 2014 at 08:48

Any help on this would be greatly appreciated. I know you worked on this for another client, so I’m hoping this is a quick simple fix, and not a major customization.

#14957 Copied

Olga Barlow

Participant

September 11, 2014 at 13:41

Hello, @rwlee33,

Ok, we can help you with this. Provide admin panel access, please. Would be very appreciate if you leave a good comment and rating for our theme.

Regards,
Olga Barlow

#15018 Copied

rwlee33

Participant

September 11, 2014 at 15:39

Hi Olga,

First, thanks for the offer to help. I wasn’t sure you would be able to. I will certainly leave positive feedback after this. Here’s what I’m after:

1. The tabs and Related Products are not pushed down by the sidebar on the single product page
2. Responsive, so it works in mobile views
3. Goes back to full width when the sidebar move below the content in mobile view

I also noticed that the “Recently Viewed” widget doesn’t appear in my tablet and mobile view. Is this true?

Thanks!

Please, contact administrator
for this information.

#15046 Copied

Robert Hall

Participant

September 12, 2014 at 13:09

Hello,

Sorry, but your wp-admin access is not correct. Please provide us with it as well.

Regards,
Robert Hall.

#15169 Copied

rwlee33

Participant

September 12, 2014 at 13:12

below

Please, contact administrator
for this information.

#15170 Copied

Robert Hall

Participant

September 12, 2014 at 13:17

Did you tried login with them? Because we can’t do this.

Regards,
Robert Hall.

#15174 Copied

rwlee33

Participant

September 12, 2014 at 13:19

Yes, I just did…below again

Please, contact administrator
for this information.

#15176 Copied

Robert Hall

Participant

September 13, 2014 at 07:31

Hello,

I’ve added code to fix this issue. Clear chache and check it.

Regards,
Robert Hall.

#15313 Copied

rwlee33

Participant

September 13, 2014 at 07:49

Robert, much appreciated. This is exactly how I’d expect the single product page to work.

It looks great in desktop, however, can you include a bit of code to make sure that when the width is in phone mode, they go back to 100%? This should be the same width in which the tabs turn into accordion style and the sidebar goes to the bottom.

#15317 Copied

Robert Hall

Participant

September 15, 2014 at 09:31

Hello,

I’ve added some code. Check it, please.

Regards,
Robert Hall.

#15484 Copied

rwlee33

Participant

September 15, 2014 at 13:03

Thanks Robert. The Related Products slider was still 70% in mobile, so I added this bit and it fixed it up:
@media (max-width: 480px){ .single-product-page .slider-container {width:100%;}}

One last question. Is there a way to make sure that the accordion tabs are always collapsed in mobile? The first tab is open, but I’d prefer them to be closed. Let me know if you want me to open another ticket for this.

#15530 Copied

Robert Hall

Participant

September 15, 2014 at 13:26

Sorry, but we don’t have such feature in our theme.

Regards,
Robert Hall.

#15534 Copied

rwlee33

Participant

September 15, 2014 at 13:33

Is there a way to do with code? Something along the lines of

.single-product-page .tabs .tab-title:first-child {
closed
}

Something to force the first tab to be closed instead of expanded.

#15539 Copied

Eva Kemp

Participant

September 15, 2014 at 15:39

Hello,

Sorry, but it can’t be done in custom.css as js files need to be modified.

Thank you.
Regards,
Eva Kemp

#15565 Copied

HLB2013

Participant

September 16, 2014 at 19:29

rwlee33… How have you managed to make this accordion on this page? http://www.morganandtaylor.com.au/product/kerry-floppy/#prettyPhoto

It looks really good 😉

#15770 Copied

rwlee33

Participant

September 16, 2014 at 21:15

Hi HLB. Which page? My site is http://www.designbykathryn.com

The site you linked is our affiliate partner. Contact me through a form on our page or contact@designbykathryn.com

#15786 Copied
Viewing 21 results - 1 through 21 (of 21 total)

The issue related to '‘Move Tabs and Related Products on Single Product Page’' has been successfully resolved, and the topic is now closed for further responses

Move Tabs and Related Products on Single Product Page

Explore our best WordPress WooCommerce Themes collection