Home>Support>How to create a product summary with the siteorigin CSS plugin?

How to create a product summary with the siteorigin CSS plugin?


I want a product summary, like in the picture I added for my product pages, is it possible to build something like that with siteorigin CSS, if so, how can I recreate that for my webshop?

Example: Example Image

Hiring a web developer is out of my reach at the moment, and I am still learning how to code in HTML CSS AN JS, so it would be awesome if someone could explain this to me.

Thanks in advance!


This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 2 months, 14 days ago Andrew Misplon Hi, I Work Here

    Hi Axel

    Thanks for reaching out.

    The easiest option would be to find a theme that had a single product WooCommerce layout that matched the image. You could use SiteOrigin CSS or CSS in general to re-style your current product page layout but it would take quite a bit of work.

  2. 2 months, 14 days ago AxelStax


    How to do it then? I am not asking how much work it takes, I am asking what are the steps to create web designs like this? I do not need the functions just the design.

    Let me know.

    Kind regards,

  3. 2 months, 13 days ago Andrew Misplon Hi, I Work Here

    Thanks for your reply.

    If you have a specific question about how to change a part of your product page using SiteOrigin CSS, for example, how to change the font size of the product title, we can assist. SiteOrigin CSS is a Custom CSS tool for making adjustments to existing designs. The easiest solution, in this case, would be to find a WordPress theme with a WooCommerce design that matches your requirements.

Please log in to post on our forums. Signing up is free.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More