-
Posts
6 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by P-Wolf
-
-
Ok. I think I've found an easy fix for my problem this morning.
All I had to change in the code is the section "sqs-button-element- -primary"
The solution: remove the "-primary" bit from there. It works great.
Here you can see the code with the change:
<div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-button-element-" role="button" tabindex="0" data-dynamic-strings="" data-collection-id="60c9ced8924a473dc965693b" data-item-id="62c70b35835d6f7315d892d2" data-product-type="3" data-use-custom-label="false" data-original-label="Add To Cart" id="yui_3_17_2_1_1657212177086_333"> <div class="sqs-add-to-cart-button-inner">Pro VIP</div> </div>
My new problem with it however is I'm struggling to make the text into the middle of the block. Tried different versions, but unfortunately none of them works.
Any idea why? -
Site URL: https://vlogon.uk/
Hi guys.
Unfortunately I am unable to share the page we need this change with you at the moment, because it hasn't been published yet, but we're basically want to have the "Add-to-cart" functionality in a text only button.
The reason for it is simple: we've got 2 buttons on the site "opt in" and "opt out" by functionality, and we want to highlight the first one by representing a button, and kind of using the other one as a small text. Photo attached of the actual scenario.
I realised that it's probably a code insert what we're after, and here's one of the actual one I need to modify as explained above:<div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-button-element--primary" role="button" tabindex="0" data-dynamic-strings="" data-collection-id="60c9ced8924a473dc965693b" data-item-id="62c70b35835d6f7315d892d2" data-product-type="3" data-use-custom-label="false" data-original-label="Add To Cart" id="yui_3_17_2_1_1657212177086_333"> <div class="sqs-add-to-cart-button-inner">Pro VIP</div> </div>
-
How do I apply question marks with a pop-up explanation text in a text, like squarespace does on their Prices page?
-
On 7/16/2021 at 7:50 AM, tuanphan said:
Hi. Can you share link to your site? We can check it again easier
It isn't public yet. We're working on a new business, but we're about to finalize it in a few days.
We've tested the floating button in multiple places around our page, but it doesn't work well with the actual design. We love to have another question, to find the best way for our trouble.
So what we have is two unlinked home pages. And what we really like to do, is to have one button on the right side of the header, but instead of a static button, we need it to change text and pointing direction depending on which landing you're on.
So we want the button direct to the "Business Home Page" when you're on the "Individual Home Page" and vice-versa. I've attached some photos of the situation we're facing with. Hope that helps understanding my problem.
Thanks for your awesome help! -
On 11/9/2020 at 2:54 PM, tuanphan said:
I'm not sure this will work on Cover Page
Try adding to Cover Page Settings > Advanced > Header
<div class="kl-float"> <a href="https://www.tsiapparel.com/uniform-enquiry"> <h9 style="color:white">REQUEST QUOTATION</h9> </a> </div> <style> .kl-float { position: fixed; opacity: .9; top: calc(30%); right: 0; z-index: 20000; background-color: #f9674d; white-space: nowrap; text-align: center !important; border-radius: 0px; height: 28px; font-family: montserrat; font-weight: bold; font-size: 12px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; } </style>
This one has worked out for me, and I was able to modify it towards my needs, but I'm just after one more thing. Can we make it hide in some degree towards the right side when we start scrolling, and then pop back out when someone hovers over it with the cursor? Or is it asking too much? 😄
Thanks for your answers!
How can I remove button (shape) around Add-to Cart button?
in Customize with code
Posted
Ok, I've found the solution at the end.
I thought it was the text I needed to align and none of the versions I've tried worked. Then I realised it is a button, so I needed to centre the whole block instead.
<centre></centre> outside of the entire section worked well for me.
This is the final version:
Happy days.
It "only" took me a few hours to figure this out. Programming is not easy, especially when I haven't got a clue about the rules and language lol, but nothing is undiggable nowadays.