- This topic has 5 replies, 2 voices, and was last updated 6 years, 6 months ago by
.
Hello guys;
I could not find any setting to change sidebar from right to left on following link: http://ndirect.idunity.com/category/idei/ (sidebar assigned to right as default, but as on all other pages, I want to move it to left side).
Second thing; previously asked also. (one month before) On single product page, I would like to display sidebar also. You replied as “it is theme related and you informed developer about it”. After this there were 3 updates, but still I could not find how to add sidebar to single product page. For example to this page: http://ndirect.idunity.com/katalog-suvenirov/kuxonnye-emkosti/
How can I add sidebar?
Solution for this topic
Hi @cihatkk,
I hope you are well today and thank you for your questions.
I could not find any setting to change sidebar from right to left on following link: http://ndirect.idunity.com/category/idei/ (sidebar assigned to right as default, but as on all other pages, I want to move it to left side).
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.archive.category #sidebar { float: left; } .archive.category #content { float: right; padding-right: 0; padding-left: 2%; }Second thing; previously asked also. (one month before) On single product page, I would like to display sidebar also. You replied as “it is theme related and you informed developer about it”. After this there were 3 updates, but still I could not find how to add sidebar to single product page. For example to this page: http://ndirect.idunity.com/katalog-suvenirov/kuxonnye-emkosti/
How can I add sidebar?
The options is added in previous theme updates and you will see it in the theme options as shown in the attached screenshot.
Best regards,
Shufflehound teamHello, and thanks a lot. Both of the issues solved perfectly.
Though; I have got one more question after adding sidebar to product page. Is it possible to divide the product page to 2 rows? (excluding sidebar area). Top row will have product image, name, categories, social share buttons etc (in other words top row will be 2 column) Then, bottom row will have one row, which will display product description in full width (again full width till sidebar. Not over-fit on sidebar). Here is an example link which need to adjust; http://ndirect.idunity.com/katalog-suvenirov/vneshnie-akkumulyatory-v-forme-fruktov/
If you check the link, you will see product description column looks too narrow and long. If you can help me to move it down and full width, it will be a great help.
Thanks
Solution for this topic
To achieve this you need to develop more complex custom code but you can display them on one column below each other by using below custom CSS code.
.single-product .sh-woo-layout-left.col-md-6, .single-product .sh-woo-layout-right.col-md-6 { width: 100%; clear: both; }Thanks a lot. As you have said, for now it is solved. I will work on more detailed solution by myself.
You are most welcome here 🙂
