How to move sidebar to the left in shop pages? - woocommerce

I am using woocommerce for the first time and have searched for answers to this question for hours now. Found none. I'm exhausted and really grateful if someone wishes to help out.
I am using woocommerce on a self-created child theme. The main shop page uses a theme-template called "page-left-sidebar", which normally places the sidebar with widgets to the left of the page. This option would look good in the web shop that I'm trying to create.
But Woocommerce templates override my custom templates, and although I get the correct "page-left-sidebar"-template's sidebar widgets, I see with my eyes and also when investigating with firebug, that woocommerce is calling the "page-right-sidebar"-template's main & sidebar css rules instead those of the left-sidebar-template. The page-right-sidebar is the default page template in my theme, as it happens.
I have tried editing woocommerce's "archive-product.php" -page. But I just cannot understand, where and how to tell the div's to be situated where I want them to.
My theme's default "page.php" and "page-left-sidebar.php"-template are identical. Only the template's name (obviously) changes. In my "style.css" I have rules both for default sidebar (sidebar to the right) and page-left-template-sidebar.
What files should I edit and how?

To display sidebar on the left, the style.css file should have property float:left for that section

Found a workaround... I still don't understand how the default templates work, but I've tried until I give up. I just hard-coded a div style="right;" in the archive-product.php, closing the div just before the sidebar commanding lines. It's crude, I know, but it seems to do the trick.

Related

How to override Woocommerce Single Product template page in child-theme?

I have a problem with my theme and I am sick of tired to communicate with the theme support team...so I try to solve the issue myself (if possible).
My problem is: I have some single product layout under theme option but when I try to change none of them work. I could overwrite the style in the child theme (how the information, text...etc will show) but my main problem is the product image. Is it too big and the thumbs appear under the image. I want smaller image box and thumbs on the left side. Is it possible to overwrite this in the child theme somehow?
I am not a professional programmer or web designer, but would be happy to learn :)
Thanks for any help or comments :)
May be you can check it with word press plugins. Here is a link. Before override Woo commerce Single Product Template You can try it with custom css in your theme style.css
Copy this very basic CSS and place in your child theme’s style.css file. Check this link.

WordPress - manage logo to left of menu bar

I'm a developer but I don't know wordpress well and I have just inherited a wordpress site. There's a missing logo image at the top left next to the menu bar:
I have the image file but I cannot find where that logo/image is configured inside WP. I have gone into the Menus section many times -- I find the menu items but I cannot find where that image is configured. So I need to know where/how to configure that, and also how to make the image size "fixed". By default, when the image was there (before I accidentally deleted it somehow), it stretches/expands when the user scrolls down.
My client is using the "Divi Builder" template, and this template uses some kind of custom layout/template for managing and editing the page.
The Divi theme is being used and here's what it looks like inside theme customization:
So in summary:
Where/how can I find that image setup so I can fix the src to point to the correct image that I have?
How can I prevent its default behavior of expanding while scrolling down?
Thanks!
For logo settings:
Goto dashboard->appearence->divi theme option->Generl settings.
other settings
Support Docs-> Read divi theme documention
The Divi theme is a commercial theme and don't expect people on SO to have access to it. It's best to go to https://www.elegantthemes.com/forum/ for support.
"Where/how can I find that image setup so I can fix the src to point to
the correct image that I have?"
The logo is uploaded and the URL set in theme options, not in the menu options.
"How can I prevent its default behavior of expanding while scrolling
down?"
This is a completely separate question and is a feature of the theme. Ask theme support how to disable it. Or isolate the Javascript and other code and put it in a Fiddle so people can see how it works.

Wordpress Sidebar fallen below content

my site is http://goo.gl/T5XTOf
It's a mystique wordpress site and the sidebar has fallen below the main content. When I tried to change the logo image in theme options, it didn't work, so I changed it at the webhost level. I changed the current logo image to a smaller image, the sidebar fell below the main content on all pages and posts.
I changed the logo back to the previous one (Current one) but it didn't solve the issue. So I changed the default template on all the pages to 2 columns with left sidebar and this solved the issue with pages. However, the posts remained the same. I use the post pages for product pages using a shopping cart plugin.
So since the posts did not have options to change the template, I tried using a simple posts template which allowed for several page templates to be chosen. But this did not change anything on the sidebar issue, even when I change the template to 2 columns with left sidebar.
Can anyone help with this? I tried looking over the answers on this forum but none seemed to work. I posted this issue on the theme's forum but have not received any replies for days now.
Try adding this to your stylesheet (appearance/editor/style.css):
#primary-content{
max-width:650px;
margin:20px;
}
#sidebar{
width:220px;
}
Thanks again Redleaf. I tried your edit but it pushed the sidebar leftwards half out of view. Anyway, I have switched to another theme and the website looks better. Thanks for your help

Sidebars not displaying in Wordpress theme Mantra and header cropping over advised size

I have installed Mantra as my WP theme, can't find help to this two issues.
1) Sidebars are not showing. I have a child theme with funtions.php and stylesheet.php folders. The theme comes with possibilities for 1-4 columns and sidebars left, right or both. I was explained can't have sidebars in the frontpage or as theme calls it, presentation page. If I could still add them, I would be extremely happy. However, my main issue is, I can't get sidebars to display in my post pages. I removed the view of pages and I'm using Categories instead since my page is news based. The main theme has sidebar php and action as been called into my child theme. Sidebars do exist since I can insert in the footer. It's just sidebars that are not working. I use for choosing where to display the Jetpack widget visibility. I need the sidebars so visitors can navigate my site between categories and want to display other content as well.
2) I have created an image, to the exact size theme advises and as per theme, it will be posted as is if the image has the exact measurements. However, no matter what I do, it does not displays as is and keeps cropping my image in half when I try to submit it.
This may help you to solve sidebar & crop issue
http://wordpress.org/support/theme/mantra

wordpress twentyten chid them sidebar problem

I'm using a child theme of Twentyten theme. I want to make a template, where I'll have a left sidebar and it's styles will be completely different from my primary sidebar. I'm using the secondary widget area for this purpose. I've followed this solutin by digital raindrops first, http://digitalraindrops.net/2010/10/twenty-ten-alternate-sidebar/ ,then used their files. Everything seems ok with the code, but the template isn't in the option where I create the pages. That means I can't select the template I just made from the pages eanu in admin. Any ideas? do I need to put the template file in the parent file directory and not in the child theme directory? Thanks for the help.
note: I can add widget in the second sidebar and the primary sidebar, and they are showing fine in the back. Oh, my primary sidebar has vanished too!! Please help!
solved the problem myself. I forgot to add register_sidebar in function.php.!

Resources