-
Posts
-
Having an issue figuring out how to get the single products to size right.
http://ninjatechc.com/2015/11/27/ice-orb-floating-bluetooth-speaker/
The size is fine on any of the woocommerce pages but it makes it smaller in the blog page listed here. I assume this will be a bigger problem as I add more content. Was hoping to apply some CSS to this page alone. That would be okay to but you know…..
Hey ninjaunmatched,
not sure what you mean. Can you provide us screenshots highlighting the issue please? use imgur.com or dropbox.
Best regards,
AndyOkay sure. Here is the link. I am doing this from my phone at the moment but this issue persists through several desktop browsers. I have phone set to view as desktop. Now while in mobile view though they are fine. (Just noticed…) The code has them set at 24% approx.
To make it more clear this is how products are showing when using woocommerce single product shortcodes on BLOG pages. (Posts basically) I haven’t tried it on pages but not sure that would make a difference. (Inherited attributes)
Hi,
please try this code inside Quick CSS field:
div .products .product { width: 100%; }If that doesn’t work then add an !important to it:
div .products .product { width: 100% !important; }Best regards,
AndyAlready tried that…. It work on it own without !important but it also makes the Featured Products (i.e. the Product Slider) go huge for each product. So instead of getting a 1 row 4 columns look you get 1 row 1 column….. haha.
https://drive.google.com/file/d/0B4uJwFbqEFj4UTRadlRucEUwNzg/view?usp=sharing
Actually a workaround I would be satisfied with is if I/we can make the code apply only to that post.
In the enfold woocommerce-mod.css file the width is set at 24.25% which works fine on only the woocommerce set pages but on other pages and posts when using a shortcode it does not work well. It is making the product show at that percentage based on the div it is contained in which is just an AVIA 1/3 1/3 1/3….
So…. the width is fine in product sliders……
I so far as a workaround just created categories so either only one product shows or the 3 or 4 other related products show instead with a product slider. Issue still remains though if you want just one product to show. The slider options don’t give you 1 as an option. It starts with 2. I tried to change that also but cannot find where the class aviaTBcolumns originates from. I found an array in one of the file related to columns but adding 1 doesnt work. Or is that just the wrong file? lol (The file where the array I found is admin-options.php)
As you can see. I am looking for any viable solution …..lol
Okay I have a solution:
You mentioned placing the code inside Quick CSS field but that changes it everywhere. Not desired plus it makes normal woocommerce pages look crazy. So you have the option to add a Code Block to a page or post. Adding the code `div .products .product {
width: 100%;
}` in a code block on the bottom has the desired effect that does not affect other areas. This would be the solution I think cause I doubt woocommerce team would care too much. This would solve a an issue from another post someone has that I commented on also, that I thought was similar. Thanks for the help. I hope this helps someone else. (Why did I not think of this before? duh) Eitherway there is a definite issue with woocommerce shortcodes and the theme. some shortcodes did not even work at all.
- You must be logged in to reply to this topic.