Sidebar Position in product default desing

This topic has 6 replies, 3 voices, and was last updated 6 years, 7 months ago by Artem Temos.

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

Author

Posts
April 1, 2018 at 10:24 am #50267

DanielaM
Participant

Hi! I like your default design for Single Product Page and I chose it for my site. But I noticed that in the mobile version the location of the sidebar moves after the product image, before the complete description tab and I think that instead would be more useful if the user could first read the product information, any related products and optionally return to the categories via the back arrow or from the menu.

The problem is that in the theme setting I do not see an option to hide the sidebar only for the mobile version for the product page. Is there this option in any part of the panel?

Thank you
Daniela

April 1, 2018 at 4:33 pm #50303

Elise Noromit
Member

Hello,

Thank you very much for choosing our theme and contacting us.

Yes, the default settings work as they do now. As a way out we can hide the sidebar with custom CSS and you can add elements under the main description and show theme only on iPad and mobile, using responsive options of the columns where you display the necessary content via elements.

If it is acceptable contact me with your site link and admin access so that I could generate custom CSS for hiding the sidebar.

Best Regards

April 1, 2018 at 4:37 pm #50304

DanielaM
Participant

Thank you for your reply, yes it is acceptable ^_^ I write in private content log-in information
Thank you!

Daniela

April 1, 2018 at 5:45 pm #50310

DanielaM
Participant

Hello, I take this opportunity to ask you about the sidebar also for the desktop version. As you can see from my screenshot as I add product to the cart the block with the Description tab comes down more and more. Now, for me the cart in that position is not important but if I replace this widget with others (like the latest products and HTML blocks with banner advertising vertical) the problem remains: The tab is very far away from the product image ( “Actual” Screenshot)
Do you think there is a solution to allow the tabs to position themselves under the product image and let the sidebar free to occupy the left space ? ( “B ” screenshot). Because now the only way is to have very short sidebar 🙁

Thank you for your patience and excuse the trouble

Attachments:
You must be logged in to view attached files.

April 2, 2018 at 7:12 am #50367
Elise Noromit
Member
Hello,

Here is the CSS code to hid the sidebar:
```
.single-product-page .sidebar-container {
    display:none;
}
```
You will need to add it to Theme Settings > Custom CSS > chose the device where you want to hide.

Now in order to display the widgets under the product descriptions, you will need:

1. Add the element below as shown: http://prntscr.com/izl1g3

2. Configure the column visibility on different devices: http://prntscr.com/izl3jx and http://prntscr.com/izl425

3. Add necessary elements

As for the cart, I suggest you remove it from sidebar cause you have it in the sliding sidebar which does not move the product description. Have a look at the screen: http://prntscr.com/izl530м

If you have any questions feel free to contact us.

Best Regards
April 2, 2018 at 10:12 am #50393

DanielaM
Participant

Hello! Thanks for the mobile CSS, it works perfectly.

For the other problem maybe I have not explained well. For the desktop version, as you can see now on the page of a single product, when I insert something in the sidebar, the description’s position goes down. Correctly the description should be under the product photo, to the right of the sidebar, so the contents of the sidebar can be long.
In the theme setting the page layout is correct: On the left the sidebar column, to the right the space for the Product tab. Instead when you create the product page This arrangement is not respected. I’m attaching the photographs:
IMAGE 1: Current layout
IMAGE 2: Example of where the description should go.
IMAGE 3: End result (theoretically, as shown in setting the theme setting)

Thank you very much

Daniela

Attachments:
You must be logged in to view attached files.

April 2, 2018 at 11:28 am #50408

Artem Temos
Keymaster

Sorry, but there is no such layout as you show on the screenshot. The sidebar on the single product page is located in the top part of the page only and take the full height of the page.
Author

Posts