Right SideBar Single Product Problems - by Ali Akil

Solved15 replies4 participantsUpdated by Robert Hall

  • Avatar: Ali Akil
    Ali Akil
    Participant

    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

    Avatar: Eva
    Eva Kemp
    Participant

    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
    Avatar: Ali Akil
    Ali Akil
    Participant

    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
    Avatar: Ali Akil
    Ali Akil
    Participant

    Sorry here is the screenshot:

    Screenshot Descipction position

    thanks

    #78981 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    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
    Avatar: Ali Akil
    Ali Akil
    Participant

    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.

    Side bar screenshoot

    Example Empty Space Screenshot at 50% zoom.

    Zoom 50

    thanks.

    #79039 Copied
    Avatar: Ali Akil
    Ali Akil
    Participant

    Any news?
    thanks

    #79105 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    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
    Avatar: Ali Akil
    Ali Akil
    Participant

    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
    Avatar: Eva
    Eva Kemp
    Participant

    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
    Avatar: Ali Akil
    Ali Akil
    Participant

    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
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    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
    Avatar: Ali Akil
    Ali Akil
    Participant

    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
    Avatar: Jack Richardson
    Jack Richardson
    Support staff

    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
    Avatar: Ali Akil
    Ali Akil
    Participant

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

    #79594 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

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

    Regards,
    Robert Hall.

    #79598 Copied

The issue related to '‘Right SideBar Single Product Problems’' has been successfully resolved, and the topic is now closed for further responses