Support > Design > Product Page > Single Product Page Style

Single Product Page Style

 

eshopland e-commerce platform allows merchants to customize the style of your online shop product pages. To best fit your brand image and design concepts, you can adjust the style of the page background color, image display, fonts, tags, prices and buttons.

 

1.    Product Page Style Tools

 

Go to Admin Panel > Design > Pages, click “Products” to enter the page.

 

 

Scroll down to Single Product session,

Click Product Page Style to enter the setup page.

 

 

2.    Styling Features

 

You can customize the style of your online shop product pages.

You can preview the styling effect instantly.

 

You can click “Reset Default” to restore all settings to default.

 

 

Page:

Background Color

Color will be applied to all product pages.

 

Text Color

Color will apply to text not supporting individual set up.

Color will also apply to product description content if the text color has not been set.

 

 

Photo Display:

Stacked as default.

Can be set to Vertical.

Images will be auto enlarged in Vertical display for better visual effects on mobile.

 

 

Top Product Path:

Font Size

Row Height

Text Color

Font (English & Chinese)

Bold Text

 

 

Related Category and Button:

Font Size

Row Height

Text Color

Font (English & Chinese)

Bold Text

Background Color

Rounding

 

 

Product Name:

Font Size

Row Height

Text Color

Font (English & Chinese)

Bold Text

Text Align

 

 

Style of the Tags:

Background Color

Text Color

Font (English & Chinese)

Font Size

Bold Text

Rounding

 

Limited-Time Tag

Member Price Tag

 

 

Style of the Prices:

Font Size

Row Height

Text Color

Font

Bold Text

Text Align

 

Regular Price

Original Price

Special Price

Member Price

 

 

Option Name:

Font Size

Row Height

Text Color

Font (English & Chinese)

Bold Text

 

 

Style of Shopping Cart Buttons:

Font Size

Text Color

Font (English & Chinese)

Bold Text

Background Color

Border Color

Rounding

Border Width

 

Add to Cart Button

Pre-order/Buy Now Button

 

 

Share Buttons:

Multicolor

Custom Share icon color

Other social media share buttons will be displayed in original color

 

 

Monochrome

Custom all share icons’ color

 

 

  Enable  the preferred social media icons

 

 

Show Shipping Methods

Disable  the button to hide the shipping method details on all product pages

 

 

Show product details in full width

Enable  the button to show product details on product page in full width.

 

 

Save https://support.eshopland.com/webcontent/shop_data/shop_1/images/article/129/en/image008.png the changes.

eshopland - NGO Offer
eshopland - Start free trial now
eshopland 14-day free trial
No credit card required
eshopland flexible service plans-zh
eshopland 網店平台-PayPal 網店收款
eshopland 網店平台-免費任用 30+ 網店設計範本
eshopland 網店平台-簡單易用,自動建店,DIY 都無難度
eshopland 網店平台-設計網店可用的免費圖庫
eshopland 網店平台範本-Epsilon
eshopland 網店平台範本-Eta
eshopland 網店平台範本-Kappa

You May Also Like

Product Inventory Management

On eshopland ecommerce platform, you can view and adjust the product inventory or check the product low stock and out-of-stock status very conveniently.1. Product Inventory List.Go to Admin Panel >

Facebook Verify Domain Ownership

Verifying your shop domain in Meta/Facebook Business Manager through eshopland admin panel to let Meta/Facebook confirm that your own and are connected to your shop domain for business.1. Create a B

Announcement Bar

eshopland e-Commerce Platform allows merchants to add an announcement bar onto your online shop to display important information such as free shipping arrangement, latest news, offers and promotions

Quickly Link Page to Menus

Merchants can quickly add pages to the navigation menu or footer menu of the online shop website by following the steps below.1. Select PageGo to theAdmin Panel>Design>Pages.Select the page to be add

Recommended Articles