How to create Product page with Ecombe

Overview

This article will guide you through the steps to create a Product page using Ecombe Page Builder, allowing you to customize your product page layout without any coding.

What is a Product page?

A product page is the page where customers can view detailed information about a specific product in your online store.

It typically includes the product name, images, price, description, variants (such as size or color), and an Add to cart button. The product page helps customers understand the product and decide whether to make a purchase.

A well-designed product page can improve customer trust and increase conversion rates.

Step-by-step guide

1

Access Ecombe Page Builder

Go to Shopify Admin → Apps → Ecombe Page Builder

2

Create a new page

From the Ecombe Welcome Dashboard, click the Create New Page button.

3

Choose a Product template

After completing Step 2, Ecombe will take you to the Template Library.

Select Use case: Product page. You can also filter templates by Industry, Style, or Collection to quickly find a suitable design.

Click the Choose button to select a template.

4

Set up the Product page

Page assignment

Assign which products will use this product page. Ecombe provides two options:

1. All products

   All products will use this product page. The page will be assigned as the default product page.

1. Custom products

   Select specific products to use this product page. You can assign products by categories, collections, product types, tags, or vendors.

Page settings

Access Page Settings from the Ecombe left sidebar and configure the following options:

• Page title: Enter a name for your product page template to easily manage it in Page Manager, especially if you have multiple product page templates.

• Page URL: You do not need to fill in this field. Ecombe product pages use Shopify’s default URL structure:

  /products/{product-name}

• Theme template name: This is the name of the template saved in your Shopify store. Ecombe will automatically generate the template name after the page is published.

• CSS and JavaScript: Add custom styles or advanced scripts for your template. If you need assistance, feel free to contact our support team.

5

Edit the Product page

In this step, you can customize the Ecombe Product Page Template to match your needs.

Click on each section to edit its content and settings. The options are designed to be simple and intuitive, similar to Shopify Theme Customization.

Tip: You can change the preview product by clicking Change in the editor.

If you need help, you can contact our support team for immediate assistance.

6

Publish your Ecombe Product page

After completing the setup and customization steps, you can choose to Save or Publish the product page.

• Click Save to store the template as a draft. This will not affect your storefront.

• To use the Ecombe product page instead of the Shopify theme product page, click Publish, then confirm by clicking Publish again in the dialog.

Result

After successfully publishing the Ecombe Product page, your store’s product page will be replaced by the Ecombe Product page.

You can click View live page to see the product page directly on your storefront.

Tips & Best practices

1. Check the layout on tablet and mobile devices

Always check your product page on tablet and mobile devices, as most traffic comes from mobile users.

You can customize layouts for mobile and tablet without affecting other devices.

2. Preview your template before publishing

Preview your product page before publishing to ensure it displays correctly on your live storefront.

Common issues

1. The product page does not appear on the storefront

Make sure the product page is published and correctly assigned to the product.

2. Changes are not visible after editing

Try republishing the page and clearing your browser cache.

3. The wrong product is displayed in preview mode

Check the selected preview product in the editor by clicking Change.

4. The product page does not appear after switching themes

Access App settings and then Sync the layout to the new theme.

FAQ

1. Can I use multiple product pages at the same time?

Yes. You can create multiple product page templates and assign them to different products or product groups. However, each product can use only one product page at a time.

2. Can I edit the product page after it has been published?

Yes. You can edit your product page at any time. Simply make your changes and republish the page.

3. Will creating a product page affect my existing Shopify product pages?

No. Ecombe product pages are created separately and do not overwrite your original Shopify product pages unless published and assigned.

4. Do Ecombe product pages support mobile devices?

Yes. All Ecombe product pages are fully responsive and optimized for desktop, tablet, and mobile devices.