Customized Shop Footer

To allow your shop to have a greater freedom of customization and a better design , you can now use "Customized shop footer" function to add more information at the footer of your shop.

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

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

 

Admin setting:

  • Admin>Navigation and pages>Menu Navigation>Available news>Click and use
  • Preview your edit and save it.
  • Click "Yes" and the system will update your edit immediately.
  • If you need to modify anything afterwards, you can go back to the same function and click edit.

Step 1:Enter "Menu and Navigation", function hint is at the bottom (red frame). Click"Go and Try".

SHOPLINE_Admin.jpg

 

Step 2:Enter the footer edit page, we provide a set of common template. You can put your related info and terms as well as payment and delivery options. You are able to delete and adjust the elements you require.

Attention:You can put four lines of information at most.

Footer___Edit.jpg

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://shoplineimg.com/assets/footer/social_facebook.png"/>

social_flickr.png

flickr

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

social_google_plus.png

Google Plus

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

social_instagram.png

 instagram

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

social_line.png

LINE

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

social_sina_weiboo.png

Sina Weiboo

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

social_tencent_weiboo.png

Tencent  Weiboo

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

social_twitter.png

twitter

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

social_wechat.png

wechat

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

social_whatsapp.png

 whatsapp 

<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/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://shoplineimg.com/assets/footer/card_visa.png"/>

card_master.png

Master

Card

<img height="40" style="max-height: 40px; width: auto; display: inline-block;
margin-right: 10px;" src="https://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/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://shoplineimg.com/assets/footer/card_alipay.png"/>

PayMe_from_HSBC_logo.png

Payme

 

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

     google-pay-mark.png

     Google Pay

 

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

Have more questions? Submit a request

Comments

Powered by Zendesk