rusticmodern

It gets more strange.
First of all, I imported the images and database from an old store, so that may have something to do with it.
I created 2 other test products, see: https://dev.teenfx.com/?s=angels+back+pocketless&post_type=product&v=7516fd43adaa
3rd one is the original product imported from external store.
2nd one is test product, but using the same image from media library as the 1st
1st one is test product, I downloaded the image from medialibrary and re-uploaded it.
What can I do to fix these?

Awesome!!! Thank you so much!!!

I wouldn’t mind shrinking down that gray bar to just be tall enough for the breadcrumbs as well…

[redacted]

• This reply was modified 5 years, 3 months ago by rusticmodern.

Awesome!!! That 2nd one worked!
I added it to my child theme
??

Thank you so much! I commented out the footer, because I didn’t want it to display.
However, I worked out I should use custom CSS:

#footer{
	display:none;
}

to hide it. Now my scripts and foogallery works.
Thanks so much!

Caches cleared, no serverside cache.
Again, if I set to default theme it works fine, but w/ this theme it does not.

Great. So for anyone who was wondering, what code to add to themes that do not have styling for product rows, here it is (where 3n is the number of products per row)

.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
  clear: none;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
  margin-right: 3% !important;
}
.woocommerce ul.products li:nth-child(3n),
.woocommerce-page ul.products li:nth-child(3n) {
  margin-right: 0% !important;
}

Thanks lorro, and I hope this helps someone else as well.

Update: It is actually alternating between showing captions (seen in photo#2) and nothing at all on that page.

Made kind of a workaround (inelegant) by replicating the last section of code w/ multiples of 3:

.woocommerce ul.products li:nth-child(3),
.woocommerce-page ul.products li:nth-child(3) {
  margin-right: 0% !important;
}

.woocommerce ul.products li:nth-child(6),
.woocommerce-page ul.products li:nth-child(6) {
  margin-right: 0% !important;
}

.woocommerce ul.products li:nth-child(9),
.woocommerce-page ul.products li:nth-child(9) {
  margin-right: 0% !important;
}

Maybe there is some way to do n=3, then n=n+3

Hey lorro,
Your code for doing 3 products per row worked fine on the first row, but after adding more products I see that the 2nd and 3rd lines are only doing 2 products. Any idea what to change to fix this?
rusticmodern.net

Ok, i figured out that editing and updating any 1 product will fix the whole sort order, regardless if that product moved. So that will be my workaround for now. Just editing & updating one product (making no changes) after sorting…

Example: the yellow centered bowl is position 4 on the Products>All products>sort page (you can see it is position #1 on the front end). If i were to go in and edit the product, I would see that it’s menu order field is higher than the 3 above it.

However, if I go in and edit the product (make NO changes) and click update, that yellow bowl will move to position 4 on the front end.

No caching on the site, and using Chrome incognito, so no browser caching as well.

I have my products listed on home page as:
[products orderby=”menu_order”]

When i use woocommerce > products > sort option and drag and drop to re-arrange the order of products, it DOES update the menu order field, however the changes do not appear on the front end page until I go in and edit the product then click update (not making any changes to the product or the menu order). Then the product WILL appear in its new position.

In short, rearranging (graphical sort) DOES change menu order number, but not on front end. Manually editing a product or menu order number does change order on front end.
However rearranging through the graphical sort does not automatically update front end.

So I guess I just need to tell wordpress to “refresh” the updates to the product somehow.

• This reply was modified 7 years, 4 months ago by rusticmodern.
• This reply was modified 7 years, 4 months ago by rusticmodern.
• This reply was modified 7 years, 4 months ago by rusticmodern.
• This reply was modified 7 years, 4 months ago by rusticmodern.
• This reply was modified 7 years, 4 months ago by rusticmodern.