Skip to main content

Shop Cart button css

More
15 years 8 months ago #5179 by Marga
Shop Cart button css was created by Marga
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.

More
15 years 8 months ago #5180 by nicolas
Replied by nicolas on topic Re: Shop Cart button css
What do you mean by at the bottom of the page ?

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

More
15 years 8 months ago - 15 years 8 months ago #5181 by Marga
Replied by Marga on topic Re: Shop Cart button css
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: 15 years 8 months ago by Marga.

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

More
15 years 8 months ago - 15 years 8 months ago #5183 by Marga
Replied by Marga on topic Re: Shop Cart button css
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: 15 years 8 months ago by Marga.

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

More
15 years 8 months ago #5184 by nicolas
Replied by nicolas on topic Re: Shop Cart button css
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.

More
15 years 8 months ago #5199 by Marga
Replied by Marga on topic Re: Shop Cart button css
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.

More
15 years 8 months ago #5200 by Marga
Replied by Marga on topic Re: Shop Cart button css
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.

More
15 years 8 months ago #5201 by Marga
Replied by Marga on topic Re: Shop Cart button css
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.

More
15 years 8 months ago #5202 by nicolas
Replied by nicolas on topic Re: Shop Cart button css
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.

More
15 years 8 months ago #5204 by nicolas
Replied by nicolas on topic Re: Shop Cart button css
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.

More
15 years 8 months ago - 15 years 8 months ago #5206 by Marga
Replied by Marga on topic Re: Shop Cart button css
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: 15 years 8 months ago by Marga.

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

More
15 years 8 months ago #5208 by nicolas
Replied by nicolas on topic Re: Shop Cart button css
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.

More
15 years 8 months ago - 15 years 8 months ago #5211 by Marga
Replied by Marga on topic Re: Shop Cart button css
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: 15 years 8 months ago by Marga.

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

More
15 years 8 months ago #5213 by nicolas
Replied by nicolas on topic Re: Shop Cart button css
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.

More
15 years 8 months ago #5215 by Marga
Replied by Marga on topic Re: Shop Cart button css
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.

More
15 years 8 months ago #5217 by nicolas
Replied by nicolas on topic Re: Shop Cart button css
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.271 seconds
Powered by Kunena Forum