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 網店平台-如何提升生意額-必學實用專業功能
eshopland 網店平台-社交媒體店主善用網店賺更多
eshopland 網店平台-簡單易用,自動建店,DIY 都無難度
eshopland 網店平台-網店管理手機 App,所有用戶均可免費任用
eshopland 網店平台-網店貨源一覽
eshopland 網店平台-設計網店可用的免費圖庫
eshopland 網店平台範本-Lambda
eshopland 網店平台範本-Nu

You May Also Like

Banner Image

When you design your online shop with eshopland Layout Designer, you can add banner images onto your shop, to attract customers’ attentionand build up your shop image.1. Add a Banner Image module.

Basic Text Field

Basic Text Field module is created for inputting plain text content and setting simple styling on font and format.1. Add a Basic Text Field module.Go to Admin Panel > Design > Pages.Select or add

Subscribers

Adding subscription feature onto your online shop, allow customers to subscribe your latest news and offers by email addresses or mobile numbers, improve the effectiveness of your promotions and off

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 >

Recommended Articles