Where Can I Find This....

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 5 months ago #103442

I'm trying to find the table that holds the quantity and the "add to Cart" button because I would like to add a line break below the table but I cannot find it.

When the "add to cart" button is disable the "Add to Wishlist" moves in its place and I don't want that so if I can add a line break or something below the table or above "div#hikashop_add_wishlist" that may prevent that.

Please see attached to see what I'm referring to. Thank you!!

Attachments:

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

  • Posts: 26151
  • Thank you received: 4027
  • MODERATOR
11 years 5 months ago #103452

Hi,

If you can't do it with CSS, you can override the view "product | quantity" to add some HTML.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 5 months ago #103456

I would much prefer to do it with CSS but none of what I tried worked.

I also add a line break <br /> before all the <div id="hikashop_add_wishlist"> in the file product > quantity but that did not work either :(

Thanks!!

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

  • Posts: 26151
  • Thank you received: 4027
  • MODERATOR
11 years 5 months ago #103475

Hi,

Are you sure your override the right view ?
Do you see your added "<br/>" in the page ?
There are a lot of way to display the "add to wishlist" below, like using property of "<div>" blocks.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 5 months ago #103998

Hi Jerome,

Please take a look at the attached pic. You will notice that the "add to wishlist" moves up next to the quantity selector BEFORE the user selects a size. I would like it not to move.

I have been trying to figure this out a couple hours now and still cannot figure it out. I am looking at the product > quantity file. No matter where I add the <br> in the file it's still moves.

Thanks!!

Attachments:

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

  • Posts: 82760
  • Thank you received: 13346
  • MODERATOR
11 years 5 months ago #104019

Hi,

Please provide a link to that page. It should be done in CSS.

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

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 5 months ago #104144

Hi Nicolas,

I sent the link via PM. Thank you!!

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

  • Posts: 82760
  • Thank you received: 13346
  • MODERATOR
11 years 5 months ago #104151

You can add such CSS:
input.hikashop_cart_input_button[name=wish]{
position: absolute;
left: 705px;
top: 355px;
}

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

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 5 months ago #104163

It doesn't work unless I remove this part "[name=wish]" from the CSS code. But when I remove that part and then select a size the "add to cart" button goes behind it as per the attached pic.

input.hikashop_cart_input_button[name=wish]{
position: absolute;
left: 705px;
top: 355px;
}

Attachments:

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

  • Posts: 82760
  • Thank you received: 13346
  • MODERATOR
11 years 5 months ago #104170

I forgot the quotes. It should be :
input.hikashop_cart_input_button[name="wish"]{
position: absolute;
left: 705px;
top: 355px;
}

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

  • Posts: 964
  • Thank you received: 11
  • Hikashop Business
11 years 5 months ago #104193

I'm sorry to say but it still makes no difference :( You can take a look via the link I sent earlier if you wish.

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

  • Posts: 26151
  • Thank you received: 4027
  • MODERATOR
11 years 5 months ago #104216

Hi,

The CSS rule can work on some browsers but not in all.
The input button is in a table, so it is quite difficult to display it below without modifying the template.

www.hikashop.com/en/support/documentatio...tation.html#override

For the quantity input:
You need to create the file templates/YOUR_TEMPLATE/html/hikashop_button.php. We invite you to look at the file administrator/components/com_hikashop/helpers/cart.php for the default code of the function you will define in it. In that file, you will be able to define the function:
hikashop_quantity_render($html,$i,$max_quantity,$min_quantity) => The $html variable will contain the HTML of the "add to cart" button, the $i variable will contain a unique int which will be different for each quantity input on the page, the $max_quantity and $min_quantity will contain the min and max quantity possible for the product. You need to return the whole HTML at the end of your function.
Also, please note that it only works if the option for "Display the quantity field on the product page" is set to "Ajax Input" in the configuration of HikaShop.


Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.077 seconds
Powered by Kunena Forum