Hi everyone,
First of all, huge thanks for PCuikit – it’s an awesome tool, really appreciate the work you’ve put into it. 🙌
I have a question regarding the cart layout customization.
I’m a bit torn about what’s the best approach when I want to create a slightly different layout.
Should I override the layout file?
That works, but it means I’ll have to re-implement every future update manually.
Or should I just use custom CSS?
That’s fine for colors and small visual tweaks, but when it comes to layout changes it feels messy – for example, when a grid uses predefined uk-width-1-3 and uk-width-2-3 classes and I start forcing a different structure via CSS, it doesn’t feel right.
So I thought I’d share what I did on one of my current projects, maybe some of these could become configurable options in the future — especially the layout-related parts:
- In the left/right layout, the proportions are nicely adjustable, but inside the left column, shipping options and payment methods are fixed to a 1/2–1/2 split. For my use case, it would be better if they appeared stacked vertically (uk-child-width-1-1 even on desktop). Maybe a config option for that?
- The product image uses uk-width-1-4 and the details uk-width-3-4. We reduced that to 1-6 and 5-6 for a better visual balance.
- Also removed uk-text-large uk-text-bold classes from product name
- We removed the card styles entirely for the more flat look
- Based on client feedback, the two-row button group at the top right was confusing for him. We removed the top one (checkout/login) and kept only the guest/register row.
- We also displayed GetShippingBranches even when list_allshipment is active — it fits nicely when the shipping block is full width.
Another small idea: maybe a Custom CSS textarea in the admin where CSS added there only applies to the checkout and info pages. That way we wouldn’t need to touch the global YOOtheme CSS.
What do you guys think?
Would it make sense to introduce parameters for some of these?
Ideally, I’d like to handle these tweaks without overriding the core layout, to keep things compatible with future updates and fixes
Thanks a lot!
Offline
