EasyStore - Layout Customization Query (Single Row Layout, Additional Fields, And Product Badges)
Leonardo Mecca
Dear JoomShaper Support Team,
I am currently using EasyStore on my website and I need assistance with customizing the storefront layout.
The current product listing is configured on my product page (see the link in the hidden content), where products are displayed in a 3-column grid.
I would like to achieve the following modifications:
- Layout Change: Change the grid from 3 columns to a single column per row, so that each product is displayed horizontally across the full width. Furthermore, the internal product fields (image, title, price, button) should be aligned horizontally next to each other within the row, rather than stacked vertically.
Additional Fields: Display additional product information within the list view, specifically the product's intro description.
Product Badges: Assign and display a custom badge on specific products (e.g., "Best Seller" ).
Could you please guide me on how to achieve these configurations? If any of these features require custom override files or specific CSS, please provide the details or best practices to implement them without breaking future updates.
Thank you for your assistance.
Best regards, Leonardo
Rashida Rahman
Accepted AnswerHi Leonardo,
Thanks for the response.
At my end those settings work fine. If you'd like, you may share access details so I can check the issue for you directly.
However, I’m glad to hear that you’ve already achieved your desired layout. You may accept the answer there in order to close the post.
Best regards,
Rashida Rahman
Accepted AnswerHi Leonardo!
Thank you for reaching out.
You can change the product grid from 3 columns to 1 column within the Product List addon settings in your storefront, as shown in the screenshots below:
https://cleanshot.com/share/Pwsy6Vr6 https://cleanshot.com/share/jlbnGrb2
For the other modifications you would like to make, could you please share some screenshots or illustrations? That will help us better understand your requirements and provide more accurate guidance.
You may also find the following documentation helpful:
https://www.joomshaper.com/documentation/easystore/integration-with-sp-page-builder
Best regards,
Rashida Rahman
Accepted AnswerHello,
I haven’t heard back from you regarding this issue. Could you please confirm if everything is working fine now? If so, kindly accept the most helpful answer to close the post.
Best regards,
Leonardo Mecca
Accepted AnswerDear JoomShaper Support Team,
Thank you for your response.
However, the suggested settings did not achieve the required layout, and I had already explored those options prior to reaching out.
Instead, I have resolved the issue using a different approach: I deactivated the integration between EasyStore and SP Page Builder, and directly customized the native EasyStore listing layout to meet my requirements.
Thank you for your time and assistance.
Best regards, Leonardo