Chloe9656
Member-
Posts
14 -
Joined
-
Last visited
Chloe9656's Achievements
-
Is it possible to add a floating banner on a cart page?
Chloe9656 replied to Chloe9656's topic in Customize with code
@david7u7 I used a code block and inserted the code in the regular pages except the cart and log in where I have a problem adding a code. -
@Ziggy I pasted this code to CSS but it still shows as same. Website:https://www.vinaliehk.com/ Whatsapp link:https://api.whatsapp.com/message/TJOJYPO7OSXAM1?autoload=1&app_absent=0 .social-icons-color-standard .url[href="https://api.whatsapp.com/message/TJOJYPO7OSXAM1?autoload=1&app_absent=0"] svg { visibility:hidden; } .social-icons-color-standard .url { border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); } .social-icons-color-standard .url[href="https://api.whatsapp.com/message/TJOJYPO7OSXAM1?autoload=1&app_absent=0"] { background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQOhu6mGbCCIiIeZD_wMWVc0BFqh5Lp0QlNVvMcQ1KLJQ&s'); background-size: cover; background-repeat: no-repeat; transform:scale(1); }
-
I've made the header social link icon invisible, but I've made it visible on the footer social link. I wanted to add Whats App as a social link, but the icon shows up as a link icon, not as an Instagram icon as a social link. Is there any way I can customize the icon as a What's App icon, where it currently looks like a link? Here is how my footer looks now when I added a what's app social link. I want to make the link icon as customized What's app icon.
-
Can I add a link to a text on a cart page?
Chloe9656 replied to Chloe9656's topic in Customize with code
@creedon So I added a text to a console.log, but the text 'message' didn't show up. Do you have any idea what was wrong? <script type="text/javascript"> var paragraph = document.querySelector('.cart-container'); console.log('message',paragraph) var link = document.createElement('a'); link.href = 'https://api.whatsapp.com/message/TJOJYPO7OSXAM1?autoload=1&app_absent=0'; link.textContent = 'WhatsApp'; paragraph.appendChild(link); </script> -
So I've created a floating banner that directs to WhatsApp with the Add block > Code widget. However, since the add block feature is not working on the cart page, I'd like to know if there are any ways to add this floating banner (like using JS?) throughout the website, not only on specific pages. Here's my code for the floating banner <style> /* floating banner */ .fltBanner2 { position: fixed; right: 30px; /* distance from left(px) */ top: 630px; /* distance from the top(px) */ display: inline; z-index: 999; } </style> <!-- 전화연락 --> <a href="https://api.whatsapp.com/message/TJOJYPO7OSXAM1?autoload=1&app_absent=0" class="fltBanner2" target="_blank"> <img src="https://cdn.imweb.me/upload/S2023092066b5f5a2d5be5/9c424c8d7901e.png" width="70px" height="70px"> </a>
-
Hello, I was able to add a paragraph to the cart page. But I'm trying to add a link to a paragraph. What I'm trying to do is to add a link to 'WhatsApp' within the paragraph. I tried with the below code on the header, but it didn't work with even adding a console. What is wrong with the code or the system? does Squarespace not support Javascript on the cart page? Here is the code I tried with the inject code. I added this to the header. Here is the CSS
-
When customizing cart page, can you add a link to a text?
Chloe9656 replied to Chloe9656's topic in Customize with code
Hi! @HimanshuYadavThank you for your reply. But I tried this way, it didn't work. Can you see what was wrong? <script type="text/javascript"> var paragraph = document.querySelector('.cart-container'); var link = document.createElement('a'); link.href = 'https://api.whatsapp.com/message/TJOJYPO7OSXAM1?autoload=1&app_absent=0'; link.textContent = 'WhatsApp'; paragraph.appendChild(link); </script> Here's my CSS: #cart .cart-container::after { content:'1. Customers who wish to make payment through WeChat Pay, Alipay, FPS, or bank transfer can go to WhatsApp to connect with customer service. We will assist you in placing your order conveniently. Alternatively, please contact Vinalie CS through WhatsApp at +852-5506-1330.\00000a 2. The option to pay with Apple Pay is only visible to custmers who have set up Apple Pay on their device(mobile). Must use Safari on a supported device.'; white-space: pre-wrap; display: block; margin-top: 20px; color: #5B7456;}- 4 replies
-
- add-to-cart
- checkout
-
(and 2 more)
Tagged with:
-
Hello, my client is asking if she can create a discount code for her customers who write a product review. Is it possible through Squarespace? I know you can create a promotion code for free shipping and etc, but I'm wondering if it is possible to provide a promotion for customers who write a product review. Thank you !
-
When customizing cart page, can you add a link to a text?
Chloe9656 replied to Chloe9656's topic in Customize with code
Adding JavaScript through Code Injection right? I just want to add a link to the bold text (WhatsApp). Does anyone know the what Javascript code to add to the cart page...?! #cart .cart-container::after { content:'1. Customers who wish to make payment through WeChat Pay, Alipay, FPS, or bank transfer can go to WhatsApp to connect with customer service. We will assist you in placing your order conveniently. Alternatively, please contact Vinalie CS through WhatsApp at +852-5506-1330.\00000a 2. The option to pay with Apple Pay is only visible to custmers who have set up Apple Pay on their device(mobile). Must use Safari on a supported device.'; white-space: pre-wrap; display: block; margin-top: 20px; color: #5B7456;}- 4 replies
-
- add-to-cart
- checkout
-
(and 2 more)
Tagged with:
-
I was able to add a paragraph in the cart page with CSS, but I want to add a link in that paragraph. Is it possible to add a link to a specific text with CSS or any kind of custom code? Here's my code, and I want to add a link to the bold text. #cart .cart-container::after { content:'1. Customers who wish to make payment through WeChat Pay, Alipay, FPS, or bank transfer can go to WhatsApp to connect with customer service. We will assist you in placing your order conveniently. Alternatively, please contact Vinalie CS through WhatsApp at +852-5506-1330.\00000a 2. The option to pay with Apple Pay is only visible to custmers who have set up Apple Pay on their device(mobile). Must use Safari on a supported device.'; white-space: pre-wrap; display: block; margin-top: 20px; color: #5B7456;}
- 4 replies
-
- add-to-cart
- checkout
-
(and 2 more)
Tagged with:
-
adding paragraphs of text in cart page
Chloe9656 replied to matthew-b's topic in Customize with code
I have a same question. I've added a sentence using the code, but I want to add a link within a text. Is there anyways to add a link to a text? I want to add my WhatsApp link to the text below. #cart .cart-container::after { content:'1. Customers who wish to make payment through WeChat Pay, Alipay, FPS, or bank transfer can go to WhatsApp to connect with customer service. We will assist you in placing your order conveniently. Alternatively, please contact Vinalie CS through WhatsApp at +852-5506-1330.\00000a 2. The option to pay with Apple Pay is only visible to custmers who have set up Apple Pay on their device(mobile). Must use Safari on a supported device.'; white-space: pre-wrap; display: block; margin-top: 20px; color: #5B7456;}