PAGES CONTENT

Get Started 开始 Mulai Mulakan Bắt đầu

Migrate to SHOPLINE 迁移到SHOPLINE Pindah ke SHOPLINE Berpindah ke SHOPLINE Đồng bộ dữ liệu về SHOPLINE

Your SHOPLINE account SHOPLINE账户 Akun SHOPLINE Anda Akaun SHOPLINE anda Tài khoản SHOPLINE của bạn

Orders 订单 Pesanan Pesanan Đơn hàng

Products 商品 Produk Produk Sản phẩm

Customer 客户 Pelanggan Pelanggan Khách hàng

Marketing 营销 Marketing Marketing Marketing

Analytics 分析 Analitik Analitis Phân tích & Báo cáo

Apps 相关应用 Aplikasi Apps Ứng dụng

One page shop 一页商店 One page shop One page shop Cửa hàng một trang

Setting 设置 Pengaturan Tetapan Cài đặt

Custom Code

SHOPLINE merchants can customize CSS codes to optimize their online store in desktop and/or mobile view. This article will guide you to add codes to your store. 

 

Step 1. Add the application 

In the SHOPLINE Admin, go to [Apps] and select the App Store tab. Scroll down and select Custom Code under the "Store Management" category. Click Use now to apply the application.

Screenshot_2022-04-07_at_12_00_22_AM.png


Screenshot_2022-04-07_at_12.01.05_AM.png

Step 2. Add custom code

On the "Custom code" application page, click Add code to enter the edit page.  

Screenshot_2022-04-07_at_12.01.26_AM.png

Step 3. Set up custom code

i. Enter the code name for easier reference.

ii. In the "Code content" window, enter your own CSS code. 

iii. Select the scope of application. You can choose to execute the code in PC+mobile, PC only or mobile only.

iv. Select page trigger. You can select some of the online store pages or all of them. For example:

  • Website page
  • Product details page
  • Product list page
  • Search result page
  • Error 404 page


v. Select the Insert position

  • Top: Load the code first then load the content of the page
  • Bottom: Load the content of the page first then load the code

Screenshot_2022-04-07_at_12_04_50_AM.png

Screenshot_2022-04-07_at_12.02.44_AM.png


Remember to click Add at the bottom of the page to save the custom code. 

Screenshot_2022-04-07_at_12.01.45_AM.png

Step 4. Custom code management

After setting up your custom code successfully, you will see a list of custom codes on the application page.

Screenshot_2022-04-07_at_12.03.09_AM.png

*Notes:

  • If the CSS syntax is wrong, the store website will not be able to display it.
  • As a network platform, it is a necessity that SHOPLINE frequently updates the website design and the nature of the system. If your custom CSS has problems due to website updates, this is out of the responsibility of SHOPLINE. Please monitor your website status frequently to ensure that your online store and layout are functioning properly. Invalid or risky CSS code will be removed.

 

 

 

 

 

Comments