Qty and Add to Cart button overlap

  • Posts: 32
  • Thank you received: 0
12 years 5 months ago #30540

The quantity and Add To Cart buttons are overlapping the =/- buttons.. How to space them out.

Also how to modify the positions of the product image and price?

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

  • Posts: 81597
  • Thank you received: 13081
  • MODERATOR
12 years 5 months ago #30548

You can add such CSS in the front end CSS file that you can edit via the Display tab of the configuration:

.hikashop_product_stock td{padding: 10px;}

The positions can be modified by editing the file "show" of the view "product" via the menu Display->Views.

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

  • Posts: 32
  • Thank you received: 0
12 years 5 months ago #30565

Thats awesome. Many thanks.

I know I'm being a pain but I don't really know php. If I wanted to move the price to sit below the product thumbnail image, What code should I insert into the file 'show'?

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

  • Posts: 81597
  • Thank you received: 13081
  • MODERATOR
12 years 5 months ago #30577

You don't need to add any code.

You should move the code:
<span id="hikashop_product_price_main" class="hikashop_product_price_main">
<?php
if($this->params->get('show_price')){
$this->row =& $this->element;
$this->setLayout('listing_price');
echo $this->loadTemplate();
}
?>
</span>

before the code:
</div>
<div id="hikashop_product_right_part" class="hikashop_product_right_part">

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

  • Posts: 32
  • Thank you received: 0
12 years 5 months ago #30638

Yes it works, u genius!

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

  • Posts: 19
  • Thank you received: 0
12 years 4 months ago #32496

Extending upon this question, If I wanted to replace the "+" and "-" with graphics ( up/down arrows ) instead of text, where would I change that?

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

  • Posts: 81597
  • Thank you received: 13081
  • MODERATOR
12 years 4 months ago #32523

You can look at the point 3 of that thread for that:
www.hikashop.com/en/support/forum/4-how-...uration-problem.html

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

  • Posts: 19
  • Thank you received: 0
12 years 4 months ago #32688

Thank you for your response. I've been able to manipulate the CSS for hikashop_product_quantity_field_change_plus and hikashop_product_quantity_field_change_minus, but the "+" and "-" are still being displayed ontop of my background image. I thought that it would be in one of the views files, but I was not able to locate the + and -.

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

  • Posts: 19
  • Thank you received: 0
12 years 4 months ago #32704

www.themetrocashcard.com/organization-sample-ecard is the URL that this is in reference to.

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

  • Posts: 81597
  • Thank you received: 13081
  • MODERATOR
12 years 4 months ago #32742

You can also hide the + and - with CSS.
Like that for example:
#hikashop_product_quantity_field_change_plus, #hikashop_product_quantity_field_change_minus{
color: transparent;
}

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

  • Posts: 19
  • Thank you received: 0
12 years 4 months ago #32762

Perfect, thank you very much!!

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

Time to create page: 0.083 seconds
Powered by Kunena Forum