Klaviyo 'Notify When Back In Stock' Button - Change Size

Solved
VeryCraftea
Excursionist
14 1 6

Hi all,

I have added the Klaviyo code for the 'Notify When Back In Stock' button, but the button is a different size to other buttons. I have tried to change it, but can't get it to work

Klaviyo don't support custom themes (I'm using Pipeline) so I don't know what else to do

Any help would be greatly appreciated

Thanks!

Tas

Screenshot 2021-02-06 at 16.17.48.png

dmwwebartisan
Shopify Partner
7361 1742 2329

@VeryCraftea 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
KetanKumar
Shopify Partner
20503 2120 7732

@VeryCraftea 

sorry for this issue 

i have checked your store sorry but i can't see this button can you please show me again?

KetanKumar_0-1612670945951.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
VeryCraftea
Excursionist
14 1 6

Ah sorry. Its an unpublished theme. Here's the link below 

 
(If you go to the above link and click Embroidery Kits from the Shop Crafts button and click any of the products you will see it)

 

0 Likes
KetanKumar
Shopify Partner
20503 2120 7732

This is an accepted solution.

@VeryCraftea 

Thanks for it

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

a.btn.klaviyo-bis-trigger {
    width: 100% !important;
    margin: 0 !important;
    margin-top: 10px !important;
    min-height: 54px;
    line-height: 15px;
    font-family: var(---font-stack-accent);
    text-transform: uppercase;
    font-weight: var(---font-weight-accent-bold);
    font-size: calc(13.1392px*var(---font-adjust-accent));
    letter-spacing: 1px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
VeryCraftea
Excursionist
14 1 6

Fantastic! Thank you so much for your help again! 

 

KetanKumar
Shopify Partner
20503 2120 7732

@VeryCraftea 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Suigein
New Member
4 0 0

Hi Ketan

Wondering if you might be able to help me with a similar problem with my store (product not yet published but added screenshot to show). We are trying to use the same Klaviyo 'Notify when Back in Stock' button but have 2 issues:

1. Would like the 'Notify When Back in Stock' button to left align so it is located directly underneath the 'Sold Out' button. It is currently aligning to the centre of the element. (We are using Shogun as a page builder in case this has any impact)

2. Ideally would like the 'Sold Out' button to disappear entirely and be replaced with the 'Notify Me When Available' button when stock is sold out. I have set replace_anchor: true (Per Klaviyo's instructions here) but doesn't seem to be working as you can see in the image

Thanks in advance for any help or advice you have!

Screen Shot 2021-05-26 at 2.55.55 PM.png

0 Likes
KetanKumar
Shopify Partner
20503 2120 7732

@Suigein 

sorry for this issue please share store url and product url so i will guide you

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Suigein
New Member
4 0 0

Sorry, Ketan. I have tried to share the link but the theme is unpublished and I think because I am using Shogun does not have the 'Share Preview' option

0 Likes