You will then need to replace the previous code with this:
body:not(.single-product) div.product span.price,
body:not(.single-product) div.product span.price bdi {
font-size: 9px !important;
}
In that case, you can replace the code I gave you earlier with this instead:
.post-type-archive-product div.product span.price,
.post-type-archive-product div.product span.price bdi {
font-size: 9px !important;
}
-
This reply was modified 5 years, 7 months ago by Senff - a11n.
Hey @hunchopreneur
Sorry, I was under the impression this was about image sizes (as the topic of this thread indicates).
To change the product price, go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
.post-type-archive-product div.product span.price {
font-size: 30px !important;
}
You should see the changes right away, but this is just a preview for you, so you can experiment a little if you like.
Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.
Hey @hunchopreneur
First of all, it’s best to upload larger images for your products to begin with. That way, your theme and WooCommerce will then size them properly on all relevant pages.
Right now, it looks like you’ve uploaded fairly small images (148×148), which is why they look smaller on the Shop page, and blurry on the product pages.
I’d recommend to upload images of at least 1000×1000 for your products (so that your customers will be able to zoom in properly), and if you then want to change the size of the product images on a particular page after that, we can help you with some custom CSS code.
Hey @mappel
It entirely depends on the issues you faced before. In general, WooCommerce itself might not directly break things, but there may always be issues in combination with other plugins. However, that is the case with every version of WooCommerce; there could always be compatibility issues between WooCommerce, and any plugins you have installed on your site.
Just to keep in mind: by using an outdated version of WooCommerce (or WordPress itself, or any plugins), it could not only cause functionality issues and does not only make your site more vulnerable to attacks, but it also puts the personal information of your customers at risk of becoming public. Therefore, we always recommend to use the latest versions of all our plugins to ensure they follow the latest security standards.
Hi @patrickhs
I see what you mean now. This is expected behavior — the menu itself has a specific height (375 pixels for the submenu), so if the browser is smaller than what the menu contains, it will be cut off. There’s just not enough room to fit everything in it.
One way to solve this would be to make the font/spacing smaller, which you can do with this CSS code:
#page .main-navigation ul.sub-menu li a {
font-size: 12px;
padding: 4px 10px;
}
Hey @krumpyy
To make all content of the homepage full-width, go into your site’s admin Dashboard and select Appearance → Customize → Additional CSS. In the CSS textbox on the left, add the following code:
.home #content .col-full {
max-width: 100%;
}
Select “Save Changes” from the top, and your changes will be applied to your site.
Let me know if that helps! 🙂
-
This reply was modified 5 years, 7 months ago by Senff - a11n.
Hi @robertitocisterna
Translation via Google:
I would like to know why here https://donaprospera.cl/producto/maletita-cuatro-sales/ and in all the other products I cannot see the featured image of my product.
I visited the product page, but I don’t see an issue with the main product image. On my end, it’s showing as expected:
Image link: https://d.pr/i/rAJkLM
I’m not sure if this issue has been resolved or if I misunderstood the question (perhaps you meant another image)? If you could explain it a bit more, that would be a great help. 🙂
Hi @creationweb
When I look at this product, and select a variation, it does show me the price right under it:
Image link: https://d.pr/i/z3IN16
The “Limpiar” function also works well on my end: when I click it, the variation I selected is reset.
Has this problem been solved already, or are you still seeing it?
Hey @nunowp
You may want to check out the Search by SKU for Woocommerce plugin, which might have the functionality you’re looking for.
Hi @design407
To change any default text to something custom, I’d recommend using a translation plugin. It may sound strange to “translate” something, but you would basically translate a strong from the default language to a custom translation.
In general, Loco Translate is great for this. If you use that, you can follow these steps:
1. Go to wp-admin → Loco Translate → Plugins.
2. From the list of plugins, select WooCommerce.
3. Add new language (or, if you already have a language defined such as Dutch, select it from the list and go to step 6).
4. On the next screen, Choose an existing language (or select Custom Language), and select a CUSTOM location.
5. Select “Start Translating”
6. In the “Filter translations” field, enter the string you want to change (e.g. “Heb je een kortingsbon”).
7. If it appears in the “Source Text” box, select it.
8. Add your translation in the bottom box.
9. Select SAVE.
10. Repeat steps 6-9 for the string “Klik hier om je code in te vullen“.
Here is a screenshot for your reference:
Image link: https://d.pr/i/YkiKGL
Hi @xavieria
You have a few plugins installed that deal with security, so it’s possible they are conflicting with eachother. I’d recommend the conflict-testing steps here to isolate the source of the issue:
https://docs.woocommerce.com/document/how-to-test-for-conflicts/
The best way to determine if the issue is being caused by a theme and/or plugin is to do the following:
– Temporarily switch your theme back to a default theme, such as Storefront.
– Disable all plugins except for WooCommerce.
– Clear your browser cache, and the cache on your site if you have one there.
– Test to see if the issue has been resolved.
If that resolves the issue, then one-by-one you can switch back your theme and re-enable your plugins, testing in between, until the problem appears again. This will then give you an idea about which plugin is the one causing the conflict.
Since these tests will impact the look and functionality of the site, we strongly recommend using a staging site where you can do your testing.
If you don’t already have a staging site set up, check with your hosting company as many offer this as part of their packages. Otherwise, you can use a free plugin such as WP Staging to set one up.
Hey @carloslwnt29
When you select the Customer field, and you type a name (e.g. “Adriana” or “Carla”), does it not show any of your customers at all?
This is what it should show when you click on it before you start searching:
Image link: https://d.pr/i/rQOACe
Then adding a name in the field, should show your existing customers, but I’m not entirely clear what that shows for you.
-
This reply was modified 5 years, 7 months ago by Senff - a11n.
Hey @inuitplace
In some cases, re-installing WooCommerce may help as well.
First, make a backup of your site. This is very important, to ensure that you can go back to how things are, if something goes wrong.
Next, log into your site using FTP and delete the entire /woocommerce directory (under /wp-content/plugins/).
Then reinstall WooCommerce by going into WP admin → Plugins and reinstall it. This will recreate the databases needed.
Again, make sure that you have a backup before you do all this!
-
This reply was modified 5 years, 7 months ago by Senff - a11n.
Hey @dragondefeu76
If Google Merchant Center reports that the item is too big, it’s best to check with them what could be done to fix it. As the page (that you linked to) explains, there may be an issue with the amount of attributes, or the length of the content, but if that’s not the case with your products, it’s best to check with Merchant Center to see why they report this error.
