Shop Cart button css

  • Posts: 23
  • Thank you received: 0
13 years 10 months ago #5179

Hi :)
Would let me know please how do I place the "add cart button" at bottom of the page?

Many Thanks and Kind Regards

Charles

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 10 months ago #5180

What do you mean by at the bottom of the page ?

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

  • Posts: 23
  • Thank you received: 0
13 years 10 months ago #5181

Hi Nicolas
Thank you for you're help
at moment the

layout order is

"Price"
"add to cart"
"description text"

I want it the layout to be

"Price"
"description text"
"add to cart"

Many Thanks and Kind Regards

Charles

Last edit: 13 years 10 months ago by Marga.

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

  • Posts: 23
  • Thank you received: 0
13 years 10 months ago #5183

So the

<div id="hikashop_product_right_part">

"add to cart"

<div>

<div id="hikashop_product_bottom_part">

Porduct info text

<div>


I want be this way

<div id="hikashop_product_right_part">

"Product info text"

<div>

<div id="hikashop_product_bottom_part">

"add to cart"

<div>

Last edit: 13 years 10 months ago by Marga.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 10 months ago #5184

That can't be done in CSS. You need to edit the view handling that via the menu Display->Views.

You didn't say if you were talking about the listing of products or the product page.
For the listing of products you will have to edit one of the files listing_* of the view product (it depends on the item box layout you're using in your module/menu)
For the product page you can edit the file show of the view product.

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

  • Posts: 23
  • Thank you received: 0
13 years 10 months ago #5199

Hi Nicolas:)
Thank once again for you're fantastic help

It the product page I'm editing

Sorry is it Display->Views

I can find

Front- end product- cart

but where can I find "view product."?

Many Thanks and Kind Regards

Charles

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

  • Posts: 23
  • Thank you received: 0
13 years 10 months ago #5200

Hi Nicolas:)
Thank once again for you're fantastic help

It the product page I'm editing

Sorry is it Display->Views

I can find

Front- end product- cart

but where can I find "view product."?

Many Thanks and Kind Regards

Charles

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

  • Posts: 23
  • Thank you received: 0
13 years 10 months ago #5201

I've just had a better idea!
can use the

<a class="hikashop_html_add_to_cart_link" href="/index.php?option=com_hikashop&ctrl=product&task=updatecart&quantity=1&checkout=1&product_id=1"></a>

to add a cart button to the bottom of the page and remove the default button?

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 10 months ago #5202

In the menu Display->Views, in the search box just type "show" and press enter.
You should have few results with one of them having "product" in the column "view".

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 10 months ago #5204

You can do that but the option "when a product is added to the cart" won't work with this HTML add to cart button.

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

  • Posts: 23
  • Thank you received: 0
13 years 10 months ago #5206

Thank you Nicolas for you're geat advice

I found "show product" but where's

class ="button hikashop_cart_input_button"

please?

or would it be easier to do the method

<a class="hikashop_html_add_to_cart_link" href="mysite.com/index.php?option=com_hikashop&ctrl=product&task=updatecart&quantity=1&checkout=1&product_id=1"></a>

Last edit: 13 years 10 months ago by Marga.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 10 months ago #5208

the add to cart button is displayed by the code in the span with the id hikashop_product_quantity_main

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

  • Posts: 23
  • Thank you received: 0
13 years 10 months ago #5211

Thank you found the cart button

<?php $this->row =& $this->element;
$this->setLayout('quantity');
echo $this->loadTemplate();?>


But everytime I move it to a lower position the cart button does not show for example moved it here

<?php if(!empty($this->fields)){?>
<div id="hikashop_product_custom_info" class="hikashop_product_custom_info">
<h4><?php echo JText::_('SPECIFICATIONS');?></h4>
<table width="100%">
<?php
foreach($this->fields as $fieldName => $oneExtraField) {
if(!empty($this->element->$fieldName)){ ?>
<tr>
<td class="key">
<span id="hikashop_product_custom_name_<?php echo $oneExtraField->field_id;?>" class="hikashop_product_custom_name"><span id="hikashop_product_quantity_main" class="hikashop_product_quantity_main"><?php
$this->row =& $this->element;
$this->setLayout('quantity');
echo $this->loadTemplate();
?>

</span>

Last edit: 13 years 10 months ago by Marga.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 10 months ago #5213

You can't move it randomly :)

Try to put it just before that:
<span id="hikashop_product_url_main" class="hikashop_product_url_main">

And don't forget to move the closing span tag as well.

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

  • Posts: 23
  • Thank you received: 0
13 years 10 months ago #5215

Thank you so much Nicolas
That worked great!

You might thinking more about using the zoo template Layouts with element positions to arrange content using Drag 'n Drop

zoo www.yootheme.com/zoo/

Consider how useful that will be?

Many Thanks once again for great customer services

Charles

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 10 months ago #5217

Well, it's not that simple. Forms can be build easily with an interface, and we actually have one for custom fields in HikaShop. But complex pages like the product page have several areas and they need to be dynamically updatable with characteristics and variants...
And with CSS, you can already do a lot.

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

Time to create page: 0.083 seconds
Powered by Kunena Forum