Return to previous page

Right SideBar Single Product Problems - by Ali Akil

This topic has 16 replies, 4 voices, and was last updated 10 years, 4 months ago ago by Robert Hall

Ali Akil

Participant

August 6, 2015 at 15:17

hi, I added a sidebar to the single product page. Every this is good but the Description area is not inside with the product. So, the position of the discription area it will depent on the sidebar height. If you have an opcion to add a sidebar in single product page, why the discription of the product is not included?

I dont know why but I feel that the solution is within the woocommerce right?

thanks

#78876 Copied

15 Answers

Eva Kemp

Participant

August 6, 2015 at 18:32

Hello,

Please provide us with your site url and wp-admin panel credentials. Also show a screenshot where you want product description to be displayed.

Regards,
Eva Kemp.

#78893 Copied

Ali Akil

Participant

August 7, 2015 at 10:51

Hi,

please fix it in my 2 sites, Same data base, they use the same layout and css (on site is for our live products the other is for our dry goods)

Note: Meeresdepot is not finished yet but add the correction to the theme as well.

thanks you very much 🙂 and sorry for my bad English.

Please, contact administrator
for this information.

#78971 Copied

Ali Akil

Participant

August 7, 2015 at 12:11

Sorry here is the screenshot:

thanks

#78981 Copied

Jack Richardson

Support staff

August 7, 2015 at 16:48

Hello,

As I see there is no sidebar on single product page. Please add it and then notify us to fix the issue.
Thank you.

Best regards,
Jack Richardson.

#79029 Copied

Ali Akil

Participant

August 7, 2015 at 17:43

hi,
you are wrong my freind, please see attached image and read the notes on it. The Discription and custom Tab area is what I want to fix. In my opinion it should not be under the sidebars becouse it will go down if the side bar is to high leaving an empty space. This should be fixed for single product page with side bars. Custommers will not notice that there is a discription or custom tab down there in case that the side bar is too heigh.

NOTE: Copy the URL and open it in a new browser tab please to be able to read.

Example Empty Space Screenshot at 50% zoom.

thanks.

#79039 Copied

Ali Akil

Participant

August 8, 2015 at 12:48

Any news?
thanks

#79105 Copied
Jack Richardson

Support staff

August 10, 2015 at 08:18
Hello,

I’ve added this code in child style.css for http://www.eurocorals.com site:

.tabs .tab-title:first-child { margin-left: 32px; } .tabs .tab-content { width: auto !important; }

and edited the file content-single-product.php in wp-content/themes/legenda-child/woocommerce (I commented the code woocommerce_output_product_data_tabs(); in line 111 and placed it in line 98).

Please check the tabs now.

Best regards,
Jack Richardson.
#79151 Copied
Ali Akil

Participant

August 10, 2015 at 10:41

ok looks good. but, the category widget, zoom image and add to cart in single product page are not working. Also the tab does not look good in small screen, I think it needs an @media CSS.

one question, Can we make the product to display first and then the sidebar widgets under it in small screens? it shows first the widget then the product. I want the product to show or display first then the sidebar widget. But only in small screens. big screens is ok.

thanks

#79185 Copied
Eva Kemp

Participant

August 10, 2015 at 14:57
Hello,

I’ve edited the code in custom.css file. Here it is:

@media (min-width: 1200px) {.tabs .tab-title:first-child { margin-left: 32px !important; } .tabs .tab-content { width: auto !important; } .tabs { float: right; width: 870px; }} @media (max-width: 480px) {.page-content > .row .content { flex: none !important; } .single-product-page .product-info .short-description { width: 100%; } .span3.sidebar.sidebar-left.single-product-sidebar { display: none !important;}}

Please clear browser cache and check your single product page now.

Regards,
Eva Kemp.
#79232 Copied
Ali Akil

Participant

August 10, 2015 at 16:03

Hi,

nice work but still not working properly the category widget in small screens. Also short discription is out of the margin in Explorer. See image attached.

Can we make the product pagr to display first the product and then the sidebar widgets under it in small screens? like shop page. Now it shows first the widget then the product. I want the product to show or display first then the sidebar widget below. But only in small screens. big screens is ok.

thanks

#79248 Copied
Jack Richardson

Support staff

August 11, 2015 at 10:52
Hello,

Sidebar isn’t shown first in small resolution:
http://storage1.static.itmages.com/i/15/0811/h_1439286647_4134614_d143f49914.png
Please check it on mobile devices.
Also I’ve added this code to align short description section:

.single-product-page .product-info .short-description { width: 100%; }

Please check now and clear browser cache.

Best regards,
Jack Richardson.
#79361 Copied
Ali Akil

Participant

August 11, 2015 at 11:55

ok just one more thing. The Top Border line of the discription tab is up in all small screens. You can see it in the same link the you gave me.

http://storage1.static.itmages.com/i/15/0811/h_1439286647_4134614_d143f49914.png

also I marked it in this image:

Scroll down and you will see the missing top border of the description tab (you will find it up).

thanks

#79369 Copied
Jack Richardson

Support staff

August 12, 2015 at 11:30
Hello,

I’ve added this code in child style.css:

@media (max-width: 768px) { .tabs { display: inline-block; }}

Please check the page now.

Best regards,
Jack Richardson.
#79562 Copied
Ali Akil

Participant

August 12, 2015 at 13:49

that is what I like about you, very good suppor 🙂 thank you very much.

#79594 Copied

Robert Hall

Participant

August 12, 2015 at 14:06

Hello,

You’re welcome!
If you have any questions don’t hesitate to contact us.

Regards,
Robert Hall.

#79598 Copied
Viewing 16 results - 1 through 16 (of 16 total)