EasyStore - Layout Customization Query (Single Row Layout, Additional Fields, And Product Badges) - Question | JoomShaper

EasyStore - Layout Customization Query (Single Row Layout, Additional Fields, And Product Badges)

LM

Leonardo Mecca

SP Page Builder 1 week ago

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

0
1 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 week ago #224998

Hi 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,

0