Align + space

Hello, @alessandroa
Thanks for reaching out to us!

Thanks for clarifying the issues you are having. I have tested the Templates you have mentioned in this thread with a default configuration but haven’t found any issues there. The alignment controller is working and the layout is showing fine in my development environment. So the issues you are having are specifically happening on your end. But, don’t worry, We are here to take care of the issues! Please find the solution to your issues below-

1. Please check this screencasting to understand how you can set a space between the Rating and product Name and also center the Price.

However, I also have checked your shop page and noticed that a Height is getting added(Screenshot) to the Product Title. Removing that Height also solves the Gap issue between Rating and Product Title. To remove that height, please copy the CSS from below and paste it to Appearance > Customize > Additional CSS section.

.shopengine-archive-products .woocommerce-loop-product__title {
    height: unset !important;
}

2. A margin of 10px is applied to the WooCommerce Buttons which is causing the buttons to not aligned properly. This issue can be solved by applying CSS codes. Please copy the CSS from below and paste it to Appearance > Customize > Additional CSS section.

.shopengine-table__footer .shopengine-footer-button {
    margin: 10px 0px 0px 0px !important;
}

3. Since you have added two products to your Cart, on checkout, those two products are showing in two lines. The Line will be increased or decreased based on the number of products that the user wants to purchase. If any of the lines is removed, users will not be able to confirm which product/s they are going to purchase. For that reason, the lines can’t be hidden. I hope you can understand. If I missed the main point of this query, then please let me know. I will be happy to assist you further.

I hope the solutions mentioned above will help you to fix your issues. If you need any further assistance, please let me know.

Best Regards,
Prosenjit

Hello, @alessandroa
Hope you are doing well!

I have checked the Shop Page and noticed that the pricing isn’t aligned to the center yet. On a closer inspection, I have noticed that the Combined CSS feature is enabled on the Optimizer plugin enabled on your site which can be a reason behind this issue. Will you please try disabling that feature? Alternatively, this issue can also be solved by applying Custom CSS code. Please copy the CSS code from below and paste it to Appearance > Customize > Additional CSS section.

.shopengine-widget .shopengine-archive-products .products .product .price {
    justify-content: center !important;
}

I hope it will help. the Shop page Layout will not change the layout of the Archive pages like Category. In order to customize the Category Pages as well as other Archive Pages, Please create an Archive Template by navigating to the ShopEngine > Builder Template. Select the Template Type as Archive and customize that template according to your needs. That template will be displayed on the category pages after that. I hope you can understand.

Let me know if there is anything else that you need help with. We are always here to assist you.

Best Regards,
Prosenjit

Hello, @alessandroa
Hope you are doing well!

I am glad to be able to assist you in solving the issues. Feel free to reach us regarding any queries or clarifications. We are always here to assist you.

Best Regards,
Prosenjit