add to cart button and (+) , (-)

  • Posts: 52
  • Thank you received: 5
12 years 9 months ago #45919

Hi i would like to create something very simple to my shop. To change the add to cart button and the + and - sign to something like the image below.



What should i do to change that?
I am aware that this had been mentioned before but i would like more clear process to also include the + and - sign .

Thank you in advance

Attachments:

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 9 months ago #45921

You can use CSS to do that. We customized these in a similar manner on our demo website, so I invite you to look at the CSS we used there with firebug in order to see what CSS has to be used.

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

  • Posts: 52
  • Thank you received: 5
12 years 9 months ago #45923

Yes i understand but what if a user doesn't have much experience with css?
I don't want to be pain in the ass demanding things but i believe there should be at least a small tutorial on how to do that.

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 9 months ago #45924

I don't see how it could be possible to have custom styling of elements without knowing CSS.
We can't create a CSS tutorial for each button and each element of each layout. At one point, if you want to custom style HikaShop display, you'll have to learn CSS...

On the other end, we understand that there is a demand to easily "adapt" HikaShop to the style of a template. That's why we'll release soon style packs so that users not literate in CSS will be able to do that quite easily without touching CSS.

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

  • Posts: 52
  • Thank you received: 5
12 years 9 months ago #45926

Not being very helpful here... :P :P (don't take it the bad way I'm just messing with you) i agree i should learn some CSS (or at least learn how to copy it..:P )
Anyhow thank you for your response i hope i won't need you anymore ;)

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

  • Posts: 83103
  • Thank you received: 13418
  • MODERATOR
12 years 9 months ago #45930

Here is a tutorial which explains how to use firebug:
www.tutorial9.net/tutorials/web-tutorial...opment-with-firebug/

Here is the CSS we're using on our demo website:
.hikashop_product_quantity_main .hikashop_product_stock .button {
color: #167E93;
font-weight: bold;
background-image: url(../images/add_cart.png);
background-repeat: no-repeat;
background-position: right;
height: 32px;
padding-right: 40px;
background-color: transparent;
cursor: pointer;
}

Here is the CSS for the + and - buttons style:
.hikashop_product_quantity_main .hikashop_product_stock td a {
color: #14CBEC;
font-weight: bold;
background: url(../images/add_white_dot.png) no-repeat center;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 3px;
}

Then, you will have to adapt the style to want you want to do...
Here is a website with tutorials on CSS:
www.csstutorial.net/

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

  • Posts: 52
  • Thank you received: 5
12 years 9 months ago #45931

Information is power ha? So stupid the dude who said that... :P Thanks you gave me a great boost. :)

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

  • Posts: 34
  • Thank you received: 0
12 years 9 months ago #46022

Ive receieved much help via forums of all sorts over the years, it is nice to give back when possible. Please let me know if you are still having problems styling the cart buttons and I will teach you (in an easy way) how to change them. There are some basics you will need to know but they are simple. PM me with your email or skype or aim/google talk name and i will help you. I am currently doing this edit on my site as well so i can walk you through it while I do it. ;)

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

  • Posts: 52
  • Thank you received: 5
12 years 9 months ago #46034

I would like that thank you :)

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

Time to create page: 0.084 seconds
Powered by Kunena Forum