Hi @stevert
Page Settings for each WooCommerce endpoint is not yet available. You can only set the Page Settings on a static page level. In your example, “order received” is an endpoint of the Checkout page. So you can only configure the Page Settings for Checkout page. All endpoints of the Checkout page will inherit the settings.
But it’s totally doable to add the Page Settings on endpoints level. It would be nice to see an additional plugin from our community for this feature.
As for the footer bottom, yes it would be enabled by default. We think it’s the most common and standard way. Of course in your case, it would be tedious works, but if you only have a few static pages, it shouldn’t be a problem.
Regards,
David
Hi David,
thank you.
So do you think you could add the page settings feature for woocommerce endpoints? And what do you mean by community?
It’s possible to do. But it’s unlikely to be in our priority list for now.
By “community”, I meant all developers who are using Suki. Suki is an open source project and it’s available on GitHub. Everyone can join and contribute to improve or add new features.
So I was thinking that maybe there is someone that could contribute by creating a separate plugin for the WooCommerce endpoints Page Settings feature.
Oh, I see. I would greatly appreciate this!
Mybe you could help me with some custom css though. I want the cart table cells and checkout table cells to have no padding on the very left and very right, like here:
https://postimg.cc/jCRk0cyW
Could you help me with the css?I am having trouble because I don’t want to remove the padding of the “middle” cells, only the one on the very left and very right, for both desktop and mobile screens. Thanks!
You could try this CSS:
.woocommerce table.shop_table {
border-left: 0;
border-right: 0;
}
.woocommerce table.shop_table th:first-child, .woocommerce table.shop_table td:first-child, .woocommerce-page table.shop_table th:first-child, .woocommerce-page table.shop_table td:first-child {
padding-left: 0;
}
.woocommerce table.shop_table th:last-child, .woocommerce table.shop_table td:last-child, .woocommerce-page table.shop_table th:last-child, .woocommerce-page table.shop_table td:last-child {
padding-right: 0;
}
Thanks, this does not work for the cart tables on mobile though…
You can add some CSS for the mobile as well. It has the same CSS selectors, but with the addition of media queries.
Hi,
no, unfortunately it doesn’t…the table cells have the data-title attribute and since the theme is also using flexbox the wrong cells have padding removed.
Do you mean the cart page? I thought you were talking about the table on the checkout page.
Yes, we have modified the CSS of the cart page to use flexbox. Because it allows us to reposition some table cells. But the principle is still the same, you need to set border-left: 0 and border-right: 0 wherever it fits.
The quick way to find the right CSS selectors is by using the Developer Tools on your browser.
Yes, I meant the cart table. That’s why I had said
Thanks, this does not work for the cart tables on mobile though…
I know dev tools, I am just having trouble because your selectors apply the rules to the wrong cells on mobile since you use the order:-rule to move some cells. It’s difficult to get it working without having to write code for each specific cell class.
Yeah, I think the only way to do it is targetting each cell CSS class and apply the no border CSS.
We did a lot of modification to the cart table on mobile view, because we believe it’s more intuitive than the original style.
