Hover over the product page template and click the Edit Design link when it appears to get started.

Mostafa044 · Post by **Mostafa044** » Wed Jan 15, 2025 5:59 am

Customizing a product page using SeedProdThis will open the template in SeedProd's drag-and-drop editor, with a preview of your WooCommerce template on the right and some block settings on the left.

SeedProd shows an example of what the page will look like with the content of one of your WooCommerce products.

The SeedProd drag and drop page builder
All WooCommerce templates come with built-in blocks, which are a core component of all SeedProd designs.

To customize a block, simply select it by clicking on it in the page preview and then make the desired changes in the menu on the left.

The SeedProd theme builder
For example, the template has an integrated block with highlighted products that you can customize in various ways.

To start with, you can change the size and alignment of the block using the settings in the left menu.

The Featured Product Image WooCommerce block
More settings can be found on the Advanced tab. Here you can germany phone number really make the image stand out by adding a border or shadow , adding a CSS animation , and more.

As you make changes, the live preview updates automatically so you can try out different settings to see what looks best in your online store.

Customizing WooCommerce blocks using SeedProd
The WooCommerce template also has a call-to-action “Add to Cart” button that lets customers purchase your products, so you should make the button stand out.

First, you can replace the Add to Cart button with custom text, such as " Buy Now" or "Get it Today". To make this change, simply select the Add to Cart button and enter the new text in the Button Text field.

An Add To Cart button on an online store
You can also add a font as an icon to the button so that visitors can understand at a glance what the button does.

SeedProd has a built-in library of 1400+ Font Awesome icons that you can use on your pages. Click on the "Icons" section in the left menu to expand it.