BarkBark Posted April 6, 2020 Share Posted April 6, 2020 (edited) 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 April 19, 2020 by BarkBark update URL's Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 1, 2.3 Can you share link to product page/cart page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
BarkBark Posted April 6, 2020 Author Share Posted April 6, 2020 (edited) 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 April 6, 2020 by BarkBark Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
BarkBark Posted April 6, 2020 Author Share Posted April 6, 2020 (edited) 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. Edited April 6, 2020 by BarkBark Link to comment
tuanphan Posted April 7, 2020 Share Posted April 7, 2020 .empty-message>span:first-child { visibility: hidden; } .empty-message>span:first-child:before { visibility: visible; content: "tuan phan tuan phan tuan phan"; } I see add to cart has already center? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment