Joomla Templates Club 406,261 posts

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#199904

Hello Team,

Please guide me in this.

I wanted to change ‘add to cart’ button instead of icon on home & category page

http://thoomri.com/

http://thoomri.com/index.php/stone-works.html

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#543303

@pramodsahu,

Please open file: /templates/your_template_name/css/custom.css then replace this code:

.product-grid .cart .btn, .box-product .cart .btn, .ja-product-grid .cart .btn {
background: url("/components/com_mijoshop/opencart/catalog/view/theme/bookshop/image/icon-cart.png") no-repeat scroll center center #ec008c
}

With:

.product-grid .cart .btn, .box-product .cart .btn, .ja-product-grid .cart .btn {
background: url("/components/com_mijoshop/opencart/catalog/view/theme/bookshop/image/icon-cart.png") no-repeat scroll 5px center #ec008c
width: 120px;
text-align: right;
}


Let me know if this helps

1 user says Thank You to Nazario A for this useful post

1. pramodsahu

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#543358

Hello Nazario,

Thank you, its working for home page.

In category page its not displaying properly please see screenshot attached.

like home how its displaying below price, it would be good in same way for category page.

---

Attachments:

1. 

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#543421

please check screeshot

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#543423

@pramodsahu,

Please open file: /templates/your_template_name/css/custom.css then replace this code:

.product-grid .cart .btn, .box-product .cart .btn, .ja-product-grid .cart .btn {
background: url("/components/com_mijoshop/opencart/catalog/view/theme/bookshop/image/icon-cart.png") no-repeat scroll 5px center #ec008c
width: 120px;
text-align: right;
}

With:

.product-grid .cart .btn, .box-product .cart .btn, .ja-product-grid .cart .btn {
background: url("/components/com_mijoshop/opencart/catalog/view/theme/bookshop/image/icon-cart.png") no-repeat scroll 5px center #ec008c
width: 120px;
text-indent: inherit;
}
.product-grid .cart, .ja-product-grid .cart {
width: 106px;
}
.product-grid .compare, .ja-product-grid .compare {
right: 106px;
}

Let me know if this helps

1 user says Thank You to Nazario A for this useful post

1. pramodsahu

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#543489

Hi Nazario,

Thank you very much, its working. icon position need to be modified. At this moment we are shiftting demo server to permanent server, after completing i’ll check and let you know.

I’m happy your support, we are able to solve this issue.
Best Wishes.
Pramod.

[Author]

Posts