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

Editing Shopping Cart References and Button Size


BarkBark

Question

Hi

We have a dog treat shop website. Does anyone know how to do any of the following please?

1) On the product page, can the 'add to cart' button text be changed to 'add to doggy bag'?
2) On the product page, is there a way to resize the 'add to cart' button (i.e. reduce its size)?
3) When viewing the shopping cart, can the references (title and body text) to 'shopping cart' be updated to 'doggy bag'?

Thanks very much.

Edited by BarkBark
update URL's
Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0
3 hours ago, tuanphan said:

1, 2.3 Can you share link to product page/cart page?

Hi @tuanphan, I've updated my question with links to pages. Thanks

Edited by BarkBark
Link to post
  • 0

Add to Home > Design > Custom CSS

/* rename cart title */
.cart-title {
    visibility: hidden;
}
.cart-title:before {
    content: "Dog Cart";
    visibility: visible;
}
/* resize add to cart */
.sqs-add-to-cart-button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 50px !important;
    color: red !important;
}
/* rename add to cart */
.sqs-add-to-cart-button-inner {
    visibility: hidden;
}
.sqs-add-to-cart-button-inner:before {
    visibility: visible;
    content: "The dog";
    position: absolute;
    display: block;
    text-align: center;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0
15 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


/* rename cart title */
.cart-title {
    visibility: hidden;
}
.cart-title:before {
    content: "Dog Cart";
    visibility: visible;
}
/* resize add to cart */
.sqs-add-to-cart-button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 50px !important;
    color: red !important;
}
/* rename add to cart */
.sqs-add-to-cart-button-inner {
    visibility: hidden;
}
.sqs-add-to-cart-button-inner:before {
    visibility: visible;
    content: "The dog";
    position: absolute;
    display: block;
    text-align: center;
}

 

Thank you @tuanphan.

Do you know why the button does not shorten on the right hand side and the text does not align to centre? I've also tried adding !important to the text alignment.

Do you know how to edit the body text of the empty shopping cart? It currently reads "You have nothing in your shopping cart. Continuing shopping"

I've attached screen captures showing both of these.

Thank you.

 

LongButton.jpg

ShoppingCartText.jpg

Edited by BarkBark
Link to post

Create an account or sign in to comment

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


×
×
  • Create New...