Would like to edit some views

  • Posts: 137
  • Thank you received: 2
11 years 9 months ago #120790

-- url of the page with the problem -- www.die-besten-weine-der-welt.de
-- HikaShop version -- :2.2.0
-- Joomla version -- : 3.1.5

Hi, I have a couple of questions on displaying specific items:

  • How could I move the "add to cart button" to the right side of the "number of items" input box, instead of having to below?
  • Next, I would like to disply the price display on the product page in another font (bold and larger) than the price display on the category pages and in the cart display. When I changed the CSS of <span class="hikashop_product_price_full"> it changed all three displays.
  • Lastly, I would like improve the display during checkout and add some blank or horizontal lines between the status bar (my template is not yet bootstrap enabled) and the checkout info like adress, etc. How would I do that? Also I don't like that the next step button during checkout is on the right, whereas in the cart the go tocheckout button is on the left. I'd prefer all checkout buttons left.
  • I also would like to invert the delivery adress managements: I would like to show a radio button with description "add a different delivery adress". Only when the customer checks it, he is prompted for the delivery adress. The current way to uncheck is a bit weird.
  • I would like to change the cart behaviour to the checkout behaviour. In the cart, the number amount is dynamically updated, when I change the number in the input box. In the checkout, you have to press the reload button. I like the latter option better and would like to do the same for the cart.
Thanks!

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

  • Posts: 2334
  • Thank you received: 403
11 years 9 months ago #120838

Hi there,

For most of the modification you want, you have to edit the appropriate view and change some html and/or add some css.
I recommand you to take a look at these links to know more about it:
www.hikashop.com/support/faq.html#styl
www.hikashop.com/support/2013-08-08-00-1...ize-the-display.html
www.hikashop.com/support/2013-08-08-00-1.../84-css-styling.html

About the address, I didn't really get what you want, could you be more precise?
About the cart, you may be able to do something like that but it require some php knowledge, I can give you the main lines of code however. It's basically some copy/paste from the system used in the checkout.

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

  • Posts: 137
  • Thank you received: 2
11 years 9 months ago #120844

Eliot wrote: Hi there,

For most of the modification you want, you have to edit the appropriate view and change some html and/or add some css.
I recommand you to take a look at these links to know more about it:
www.hikashop.com/support/faq.html#styl
www.hikashop.com/support/2013-08-08-00-1...ize-the-display.html
www.hikashop.com/support/2013-08-08-00-1.../84-css-styling.html


Thanks. I will take a close look and try to solve.

Eliot wrote: About the address, I didn't really get what you want, could you be more precise?

The current process is: Invoice address is displayed and there is a checkmark box that is pre-checked saying: Delivery address same as invoice address. I would prefer it vice versa... an unchecked radio button saying: check if delivery address is different. This is more the standard way.

Eliot wrote: About the cart, you may be able to do something like that but it require some php knowledge, I can give you the main lines of code however. It's basically some copy/paste from the system used in the checkout.


I'd be happy to get the main lines, so I can play around a bit with the php code... I only have very basic knowledge but probably can get it working.

Thanks for all the help!!!!

Last edit: 11 years 9 months ago by 1fcb.

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

  • Posts: 83992
  • Thank you received: 13604
  • MODERATOR
11 years 9 months ago #120964

You can change the code:
value="yes"
to:
value="no"
and the code:
if(!this.checked)
to:
if(this.checked)

in the file "address" of the view "checkout" in order to do that.

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

  • Posts: 137
  • Thank you received: 2
11 years 9 months ago #121041

Hi, I've tried to change the font-weight of the price display in the checkout only (bold there but normal in the listing and product view).

According your documentation I should be able to do so by adding the following to the CSS:

#module_ID.hikashop_product_price_full{
font-weight:bold;
}

the moduel name to display the cart and the chckout button is "Warenkorb" and the ID is 102. However
#Warenkorb.hikashop_product_price_full{
font-weight:bold;
}

or

#module_102.hikashop_product_price_full{
font-weight:bold;
}

do not change anything.

Can you help pointing me to what I did wrong?

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

  • Posts: 13201
  • Thank you received: 2322
11 years 9 months ago #121092

Hi,

You cna use the property:

.hikashop_checkout_cart .hikashop_product_price_full{
    font-weight:bold;
}

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

Time to create page: 0.082 seconds
Powered by Kunena Forum