Change whatsapp ima...
 
Notifications
Clear all

Change whatsapp image widget

10 Posts
2 Users
2 Reactions
791 Views
(@salafi1981)
Eminent Member
Joined: 3 years ago
Posts: 36
Topic starter  

 

Hello,

 

I would like to change the whatsapp image widget to the one attached.

 

Thanks

 

Ben


   
plaktheme reacted
Quote
(@salafi1981)
Eminent Member
Joined: 3 years ago
Posts: 36
Topic starter  

I have already uploaded the file to shopify and I think the change must be madein the whatsapp.liquid section.


   
ReplyQuote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 

Hi @salafi1981

Katrine here from Plak theme support,

In Plak theme we use fontawesome icon for the whatsapp widget icon.

But I can assist you to make your desired image instead of the standard icon on Plak

I will get back to you shortly with instructions 🙂

Katrine

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 
Posted by: @salafi1981

I have already uploaded the file to shopify and I think the change must be madein the whatsapp.liquid section.

Here are the instructions to use your own Whatsapp image in the whatsapp widget feature in Plak theme.

Spoiler
upload the image to Shopify (I think you already did that successfully
  • From your Shopify admin dashboard, click Online store > Actions > Edit code
  • Under Assets, click Add a new asset
  • Upload your desired image

 

Spoiler
Change the Plak standard icon
  • From your Shopify admin dashboard, click Online store > Actions > Edit code
  • Open the file whatsapp.liquid
  • Change this line
<i class="fa fa-whatsapp" aria-hidden="true"></i>
  • With this one
<img class="lazyload" data-src="{{ 'whatsapp.png' | asset_url }}" alt="whatsapp">
  • Click Save

 

Make sure the file you uploaded is named whatsapp and it is in PNG format

Let me know if it worked for you and if you need any further assistance with this feature

Katrine

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
(@salafi1981)
Eminent Member
Joined: 3 years ago
Posts: 36
Topic starter  

That worked thanks. Now I just want to CANCEL the WHATSAPP text below the icon.


   
plaktheme reacted
ReplyQuote
(@salafi1981)
Eminent Member
Joined: 3 years ago
Posts: 36
Topic starter  

And also just want to move the icon a little more to the right.


   
ReplyQuote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 
Posted by: @salafi1981

That worked thanks. Now I just want to CANCEL the WHATSAPP text below the icon.

Excellent !! 🙂

In order to remove the whatsapp text, just delete this code and click save

<span class="float-txt"> Whatsapp </span>

Let me know whenever you need assistance with your theme

Katrine

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 
Posted by: @salafi1981

And also just want to move the icon a little more to the right.

In order to move the icon a little bit to the right, you need to change this value to something smaller

- Default value :

float-right{right:40px}

- Move a little bit to the right

float-right{right:20px}

 

 

🙂

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
(@salafi1981)
Eminent Member
Joined: 3 years ago
Posts: 36
Topic starter  

all done thanks. before you said actually.. i guessed 😉


   
ReplyQuote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 
Posted by: @salafi1981

all done thanks. before you said actually.. i guessed 😉

That's awesome, I am happy for you !

If you need anything else, feel free to reach out to us again

All the best

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
Share:

Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.

Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple