Customized Shop Footer

4.SHOPLINE_Support_EC_SC.png

To allow merchants greater freedom when it comes to store customization and design, you can now use the Customized Shop Footer function to add more information at bottom of your store's page.

Attention: As you finish editing and press send, you are not able to recover the former footer. Please re-check carefully at least once before you send it. 

Attention: If your shop uses customized CSS to modify the shop design, please review your CSS setting when you open the function.

 

Step 1

In SHOPLINE Admin, go to [Online Store Design] > [Menu Navigation]. Scroll down to [Shop Footer] and click [Edit].  

mceclip0.png

 

Step 2

After clicking [Edit], you will enter the Customized Shop Footer editing page. A Traditional Chinese template is provided, from which you can copy and paste the payment provider icons if necessary.

 

Note: Footers can have a maximum of four rows/lines

mceclip1.png

mceclip2.png

Drag and put elements you need.

_____2018-01-30___11.20.20.png

Edit by clicking the icons on the template.

Attention: Icon should be chosen according to payment/delivery options your shop provide. Please do not keep the function you don't use. As you delete it, you can re-post it by using the html of element tools. <click>

_____2018-01-30___11.21.30.png

 

Step 3

After your edit is finished, click the preview and confirm it.

Attention: Please make sure your preview result is same as your design, and then save and send it!!

_____2018-01-29___1.09.41.png

 

Step 4

After you save it, a reminder will pop out and ask for your confirmation. After you click "Yes and send", the system will officially change your shop footer. Click "No" and get back to edit page.

Attention: Please make sure your preview result is the same as your design, and then save and send it!!

After everything is done, your website footer will look exactly like your edit preview.

 

Element Tools

We provide social-media icons which can be placed on your shop footer.

_____2018-01-30___11.39.33.png

 

How can I plant my social-media icon?

We provide codes of the different icons and you can use the icons we offer.

Image

HTML

social_facebook.png

 Facebook

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_facebook.png"/>

social_flickr.png

flickr

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_flickr.png"/>

social_google_plus.png

Google Plus

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_google_plus.png"/>

social_instagram.png

 instagram

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_instagram.png"/>

social_line.png

LINE

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_line.png"/>

social_sina_weiboo.png

Sina Weiboo

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_sina_weiboo.png"/>

social_tencent_weiboo.png

Tencent  Weiboo

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_tencent_weiboo.png"/>

social_twitter.png

twitter

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_twitter.png"/>

social_wechat.png

wechat

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_wechat.png"/>

social_whatsapp.png

 whatsapp 

<img style="height: 44px; width: auto; display: inline-block;" src="https://static.shoplineimg.co/assets/footer/social_whatsapp.png"/>



I accidentally deleted my payment/delivery options. What can I do?

Please click text "A", enter text editor and click </> function. Post the codes below , click </> again, put the icons we provide and start to re-edit.

Image

HTML

card_visa.png

VISA

<img height="40" style="max-height: 40px; width: auto; display: inline-block;
margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_visa.png"/>

1200px-mastercard-logo.svg______.png

Master Card

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_master.png"/>

card_paypal.png

Paypal

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_paypal.png"/>

card_unionpay.png

UnionPay

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_unionpay.png"/>

card_linepay.png

LINE Pay

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_linepay.png"/>

card_tw_711_pay.png

7-11

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_tw_711_pay.png"/>

card_tw_fm_pay.png

FamilyMart 

全家

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_tw_fm_pay.png"/>

card_taishin.png

台新

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_taishin.png"/>

card_amex.png

American Express

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_amex.png"/>

card_ecpay.png

綠界

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_ecpay.png"/>

card_jcb.png

JCB

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_jcb.png"/>

Apple_Pay_Mark_RGB_SMALL_052318.png

Apple Pay 

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_apple_pay_with_border.png"/>

AlipayHK-logo.png

Alipay HK

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_alipay_hk.png"/>

card_alipay.png

Alipay

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_alipay.png"/>

payme_red_on_white_bg.pngPayMe

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/static/web/assets/footer/payme_red_on_white_bg.png"/> 

payme_white_on_red_bg.pngPayMe

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/static/web/assets/footer/payme_white_on_red_bg.png"/> 

google-pay-mark.png

     Google Pay

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://static.shoplineimg.co/assets/footer/card_google_pay.png"/> 

Attachment_2_HKMA_FPS_logo_guideline_17aug2018-04.png

FPS

<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src=" https://static.shoplineimg.co/assets/footer/card_fps_en.png"/>

 

Have more questions? Submit a request

Comments