I have a basic wordpress website with the woocommerce plugin and tesseract theme, and I want to know where I can fix the design related to following issues:
On the cart page the dollar sign for the totals for a product are on a different line than the number. The same thing happens on the checkout page.
Some boxes are gray and some are white which looks nice, but on the checkout page, some of the boxes that should be grey are white, making it look bad. Can anyone tell me where in the code I can fix this?
The two pages in question are the cart and checkout pages. I would post code, but the problem is that I don't know where to find the specific section from where to fix the issue.
Related
I'm new to Wordpress. I installed the Livre Theme and WooCommerce.
In the Edit Product screen, there is an option to add a Back Cover Image. But, unlike the other fields which have a link at the bottom to say 'Add Product Image' or 'Add Product Gallery Images' the Back Cover Image section has no link.
Can anyone advise me on how to fix this. I have tried contacting the Theme Creator but got no response.
Here's a screenshot showing the problem:
Here's what I've tried:
I've uploaded the dummy content for this theme and what's really bizarre is, when you view this product (see screenshot) the back cover is there. I have no idea where it's getting it from or why it's not there on the product page when the front cover and look inside are.
I've looked everywhere through all the settings and can't figure out why the link is missing.
Thanks!
Thanks to #VijayHardaha for his comment which enabled me to get to the bottom of this.
I disabled all the plugins then re-enabled them one-by-one (it should have occurred to me to try this but I'm new to website development).
I found the conflict with Elementor. As soon as you disable that plugin, the Back Cover Link appears.
Not an actual solution (I have no idea how to resolve the conflict) but it's a useful workaround.
Disable Elementor, Add your Back Cover Image and if you want to continue using Elementor, re-enable it. The Back Cover Image remains, it's only the link to change it that disappears.
I'm working on a website for my company which provide a database of rental cars.
we use woocommerce, woocommerce bookings and elementor.
the problem I ran into is that instead of having the calendar and add to cart button below each other it sits next to each other which creates a very ugly look.
Below a screenshot of the right layout from our main website and a screenshot of our new website. I tried different themes but it seems that the theme is not the problem in this case because the error occurred in all themes I tried it out with.
Links to images:
Wrong Layout
Correct layout
placeholder thumbnails are showing instead of product images in woocommerce categories page, this images shows all the products under the "Beauty and perfumes" category
placeholder thumbnails shows instead of my product thumbnails
but the image displays when i click on a specific product
enter image description here
I had a plugin that had settings hiding the images inadvertently.
To figure out the culprit I deactivated all my plugins. The images were now showing. Next, I added re-activated them one by one until the placeholder images showed up again. So now I knew what/who was causing the issue.
I then activated the offending plugin and went through its settings until I found a setting that turned off images.
In this case, it wasn't a bad plugin it was just user error.
Just in case you are using the same or similar plugin it was: "Easy Custom Auto Excerpt"
I hope this helps any future developer with this problem.
Just an additional info.
I came across with this issue just right now.
Please make sure to set the Primary image of the product otherwise it will show the placeholder and won't show the product image gallery too.
I am in the process of setting up my own e-commerce website powered by wordpress and woocommerce but i have come up against some issues.
Specifically when i click on a product category the page title bar appears twice and i have been trying to eliminate this issue.Whereas the shop page is behaving correctly,only spawning the page name only once.
What i have done so far is:
Disabled the yoast SEO wordpress plugin(read somewhere that it might be the issue).Nothing happened.
Tried to edit the style.css by adding the class"page-title" of the bar that appears twice and using the display:none feature.The bar disappeared but the other bar did as well since they share the same exact path and class as the one in the shop page.
The proper format of the page is located here - www.survivalmotion.com/shop/
The one that has the issues is any product category such as - http://www.survivalmotion.com/product-category/backpacks/
The topbar is the one i want to eliminate.
Any idea on how should i proceed to fix this?
Add this to your css:
.main-content-inner-full>.page-title{display:none;}
.main-content-inner>.page-title{display:block !important}
I have a wp site with woocommerce. We want to take out the 'your review' box but leave the stars.
I could just cut a chunk out of single-product-reviews.php (after moving it into my template of course) but I figure there's probably a way to unhook it?
How would I do this please?
You can remove the tab completely and add a seperate code whereever you would like the stars to be visible. Here is how you get only the stars:
How do you add the star ratings for products in woocommerce?