Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How can Add a secondary buy boton (external link)


Maribeltb

Question

  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0

Hi, 

First, add a Code Block in Additional Info >> paste this line

<a href="https://amazon.com" class="buy-ebook-link">Buy Ebook</a>

When you done this, let me know. We will give the code to make this code to button & move its position to next to compared button

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

Don't remove above code. Add this to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('a.buy-ebook-link').appendTo('div.sqs-add-to-cart-button-wrapper');
	});
</script>
<style>
  /* Compared ebook button */
a.buy-ebook-link {
    -webkit-transition: .1s opacity linear;
    -moz-transition: .1s opacity linear;
    -o-transition: .1s opacity linear;
    transition: .1s opacity linear;
    -webkit-backface-visibility: hidden;
    color: #fff;
    background-color: #649ca0;
    border-color: #649ca0;
    font-family: Merriweather Sans;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .02em;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: normal;
    padding: 1.5em 2.505em;
}
a.buy-ebook-link:hover {
    opacity: 0.8;
}
.ProductItem-details .sqs-add-to-cart-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
a.buy-ebook-link {
    margin-left: 20px;
    white-space: nowrap;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 7/21/2021 at 10:17 PM, Maribeltb said:

Thanks a lot, works perfect!!!

Do you need to fix these?

Site URL: https://www.spanishlanguagecentreuk.com/

1. (Tablet – Homepage) Background image doesn’t show in full size

spanishlanguagecentreuk.com-01-min.png

2. (Mobile – Homepage) The same here

spanishlanguagecentreuk.com-02-min.png

3. (Tablet – Homepage) Make text and plus on the same row

spanishlanguagecentreuk.com-03-min.png

4. (Tablet – Footer) Word break

spanishlanguagecentreuk.com-04-min.png

5. (Mobile – Footer) Want to make “Follow us on” and social icons on the same line

spanishlanguagecentreuk.com-05-min.png

6. (Mobile – Overlay menu) Chat icon overlap on button

spanishlanguagecentreuk.com-06-min.png

7. (Online Course) Browser tab name still show “Store 2”

https://www.spanishlanguagecentreuk.com/online-courses

spanishlanguagecentreuk.com-07-min.png

8. (Mobile – Product) Want to show breadcrumb on the top of product? (As on desktop/tablet)

spanishlanguagecentreuk.com-08-min.png

9. (Tablet – Contact us) Make email not break

https://www.spanishlanguagecentreuk.com/contact

spanishlanguagecentreuk.com-09-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...