Hello folks…
I know I was one of the people who complained about so many requests for WooCommerce fixes for Newspaper a year ago saying “who needs a shopping cart for a newspaper theme …. ” while waiting for initial development on v2 and v3 … soooooo …. 🙂
So, ironically, now that I’m using Newsmag for our ecom system (only for store, not for the entire site, in this case)…. I’ve run into couple of format quibbles with the tablet/iPad (iPad Air/Retina), so this impacts any iPad after iPad 3.
Three screen shots:
1) This shows how in portrait the body layout for the grid is apparently munched just a tad, when on a category page, so that third item drops to second row, and “runs into” item 4 which should start second row. Note in screen shot 3, at bottom of a product page, the items flow properly. Thumbs are 200×200 in the grid. Maybe 190×190 would work?
2) Similarly, on the product view page, the summary drops below picture due to couple of pixels expansion, as with the grid on the category view (image 1). Image is 307×307; perhaps 300×300 would fix?
3) This shows bottom of product page (screen 2); where oddly the three columns are not munched in the grid, while they are on the category page. Thumbs here same ones as category page at 200×200.
Any help on minor CSS tweaks for the two grids
a) product page: [image][summary]
b) category page [item1][item2][item3]
would be totally awesome!
Sidebar is identical on all pages and nothing in the sidebar to “expand” the width artificially.
Hi Chris,
Please try this custom css:
@media (width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: none;
}
.woocommerce ul.products li.product.first {
clear: left !important;
}
.woocommerce-page div.product div.summary {
float: right;
}
.woocommerce-page div.product div.images {
float: left;
}
}
We have also included this fix in the next theme update which will be available soon so you can also update the theme.
Thanks
Thanks, Lucian 🙂
I’m giving the theme the “torture test” in WooCommerce land!
WooCommerce does have a setting to set the thumbnail sizes, but the theme doesn’t pick those up, which is okay with me, but that was the first thing I did try, fyi.
Will report back once I try the above code.
PERFECTION!!
That worked perfectly 🙂
Also new version of WooCommerce today… nothing appears to have broken !
