Add a button to the cart and checkout.

  • Posts: 107
  • Thank you received: 1
11 years 6 months ago #132323

-- HikaShop version -- : 2.2.2
-- Joomla version -- : 2.5.16
-- PHP version -- : 5.2.17
-- Browser(s) name and version -- : Mozilla Firefox 25.0

Hello, I want to add a button that says "continue shopping" to take us to the front of the store, right next to the "next" button that appears at the checkout. I would also be interested to know how I can change the colors of the buttons and how I can separate a bit more of other elements of the cart and checkout. Thank you.

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 6 months ago #132368

Hi,

1. You'll be able to do that by using the Continue shopping button's URL option through "Hikashop->System->Configuration->Checkout".

2. You'll probably be able to do it by using some CSS code :).

Please Log in or Create an account to join the conversation.

  • Posts: 107
  • Thank you received: 1
11 years 6 months ago #132997

OK, thanks, I've added the home URL of my store in the item "URL continue shopping button". Now I will investigate how to change the colors of the buttons and position.

Last edit: 11 years 6 months ago by Ronon.

Please Log in or Create an account to join the conversation.

  • Posts: 107
  • Thank you received: 1
11 years 6 months ago #133008

Hello again, I want to change the color and position of the buttons on the checkout. In HikaShop> Settings> System> Screen> CSS> CSS File Public Site> Custom, I have seen the CSS code of the two buttons (image1).

What I want is to put the button "Next" ("hikashop_checkout_next_button") to the right in yellow or blue (do not know which would be better). And the button "Continue Shopping" ("hikashop_checkout_shopping_button") on the left in green.

I also wanted to spread a little button these buttons off coupon (image2).

I tried modifying the CSS code but it seems to have no effect, or may not have known to write well. Can you help me? Thank you.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
11 years 6 months ago #133044

Hi,
You'll just have to use the " !important" CSS property, like this :

#hikashop_checkout_next_button {
float: right!important;
}
#hikashop_checkout_shopping_button {
float: left!important;
}

Note that the problem was coming from your "templates/boutique/css/template.css" file :
input.art-button {
float: none !important;
}

Please Log in or Create an account to join the conversation.

  • Posts: 107
  • Thank you received: 1
11 years 6 months ago #133080

Thanks, now I could place a button on the right and the other left.

Please Log in or Create an account to join the conversation.

Time to create page: 0.071 seconds
Powered by Kunena Forum