I'm facing a situation in my shop page.
https://www.soygorrion.com.ar
Images are not displaying in the single product page of WooCommerce. I can see the thumbnails, but when I click in the product to see it the image does not display.
Example: https://www.soygorrion.com.ar/tienda/bolsos/ombu/
I tried to regenerate thumbnails but it doesn't work. Also I'm able to see the images on the Multimedia page and open them from their link with no problem.
Can someone give me a hint? When I inspect the element from chrome I see that the image URL links are written this way
data-default="[{"large":["https:\/\/www.soygorrion.com.ar\/wp-content\/uploads\/2019\/12\/Pin_Paco-650x650.jpg",650,650,true],"single":
Edit: also I tried to deactivate plugins to see if that was the problem.
thank you!
Okay, the problem was this CSS code:
div.noo-woo-images-wrap {
display: block;
}
display was set to none.
Related
I have an issue regarding woocommerce account. It showed some problems and did not allow connection until today, when I just recreated some pages. At the moment it is displaying something at the bottom of the account info, though I can not find that text anywhere in back-end. Can someone help ?
Using the Chrome web inspector, locate the element you wish to hide on the page and find it's class or ID.
Then use some custom CSS to hide the element, for example:
.my-custom-class { display: none; }
Thank you for your help! I used the inspect and realized it was a rich snippet from some SEO plugin setting and now it is solved.
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.
Hello Im working with ecwid the shopping cart program , Iv uploaded some photos of my products and categories and cant seem to customize the background using css. Everytime I enter a css code for an element , nothing happens
I have tried this:
.ecwid-responsive table.ecwid-productBrowser-subcategories-mainTable
{ background-color: black}
please go here to see exactly what Im referring to my website
When I add background: red to the element.style {} in the developer tools (right click > Inspect Element), when I have selected .ecwid-productBrowser-productsGrid-mainTable, it works without a problem.
The table you are trying to target (.ecwid-productBrowser-subcategories-mainTable) is a style of display: none, so it's not visible AND it's the wrong table to target (at least on this page).
This is Daria, Ecwid Customer Care Team. I checked your website and as I see, you added "png" images to your category thumbnails. In order to change the background color for these thumbnails you need to add the following code to your active CSS theme in your Ecwid control panel>Settings>Design:
table.ecwid-productBrowser-subcategories-mainTable img {
background-color: black !important;
}
Then click "Save” (Ctrl+S) and reload the storefront page.
Please, see the screenshot to know how category thumbnails look with this code: http://take.ms/U5oNA Hope, this helps.
Also, if you have any issues with your Ecwid store, you can always contact us directly via email or live chat. You can see all available ways of how you can get help from Ecwid support if you go to your Ecwid Control panel and Click “Get help” link in the right upper corner.
Thank you!
I'm making a WordPress website with WooCommerce and I need to resize the product thumbnails in the display products (category) page.
In particular I have this situation:
And I'd like to have a page like this:
Is it possible? I've checked that the CSS class should be img.attachment-shop_catalog.wp-post-image and I've tried with -webkit-transform:scale(1.2); but my product image thumbnails overlap. It's not a problem of WooCommerce images settings (the "force hard crop" option is disabled), so I think I have to add a custom CSS. Could you help me to fix this?
Thanks in advance!
I would have checked all surrounding classes cause it is probably limited by them, or there is padding-right set on outer container.
I would have tried to find (using Chrome possibilities) and try first to locally resize them and product container in CSS.
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