change layout in check out page

  • Posts: 184
  • Thank you received: 4
12 years 2 months ago #59977

I would like to change a little bit the checkout page in order to insert some spaces between the various modules (coupon, conditions, status, ecc)

I tried to find the part where i have to change the style without success.

I would like to add the spaces like the image below (the red and green lines)



Could you please give me a little help?

Attachments:
Last edit: 12 years 2 months ago by Teto.

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

  • Posts: 49
  • Thank you received: 0
12 years 2 months ago #59998

I am no expert but I usually edit the template.css for doing this sort of thing.

If you are using FF get firebug to check your joomla code.

Hope that helps :)

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

  • Posts: 184
  • Thank you received: 4
12 years 2 months ago #60001

I tried all the day but unfortunately i haven't found the right part to modify.

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

  • Posts: 49
  • Thank you received: 0
12 years 2 months ago #60008

Can you post a link to that page?

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

  • Posts: 82727
  • Thank you received: 13342
  • MODERATOR
12 years 2 months ago #60090

It's not about modifying the CSS but adding some code to it. As Fintan says, it's possible to do it with some CSS with the help of firebug.

If you can give a link to that page, we can tell you what should be added.

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

  • Posts: 184
  • Thank you received: 4
12 years 2 months ago #60101

thank you, if you give me some info i will try to use that in the future.
unfortunately I tryed to use firebug but without any success.

The website is www.madeinvino.com
login with username: stefano password: hikashop
you can go on "la nostra cantina" and add an item to the cart, then checkout.

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

  • Posts: 82727
  • Thank you received: 13342
  • MODERATOR
12 years 2 months ago #60178

You can add such CSS:

#hikashop_checkout_status,#hikashop_checkout_coupon{
display: block;
}

.art-button-wrapper{
padding-bottom: 5px !important;
}

.hikashop_checkout_additional_info label{
margin: 5px;
}

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

  • Posts: 184
  • Thank you received: 4
12 years 2 months ago #60181

Thank you nicolas, it works!!!!

i found also how to set the margin for the conditions "#hikashop_checkout_terms"

Last edit: 12 years 2 months ago by Teto.

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

  • Posts: 39
  • Thank you received: 0
10 years 7 months ago #150285

Hi in my checkout page have image product and when users select for example one product it shows fine but sometimes shows other product images and i have idea create this but for me need your sql code so where i can find this sql code which select images in checkout page can you give me directory for this for example like this administrator/components/helper i search this sql code but i can't find please can you help me?

When i am opening templates/replica/html/com_hikashop/checkout/cart.php there is i am find code like this

foreach($this->rows as $i => $row){
if(empty($row->cart_product_quantity)) continue;
if($group && $row->cart_product_option_parent_id) continue;
?>
<tr class="<?php echo "row$k"; ?>">
<?php if($this->params->get('show_cart_image')){ ?>
<td class="hikashop_cart_product_image_value">
<?php if(!empty($row->images)){
$image = reset($row->images);
if(!$this->config->get('thumbnail')){
echo '<img src="'.$this->image->uploadFolder_url.$image->file_path.'" alt="'.$image->file_name.'" id="hikashop_main_image" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle" />';
}else{
$height = $this->config->get('thumbnail_y'); ?>
<div class="hikashop_cart_product_image_thumb" >
<?php echo '<img src="'.$this->image->uploadFolder_url.$image->file_path.'" alt="'.$image->file_name.'" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle; width:170px;" />'; ?>
</div>
<?php }
} ?>
</td>
<?php } ?>


This is code shows image from database
<?php echo '<img src="'.$this->image->uploadFolder_url.$image->file_path.'" alt="'.$image->file_name.'" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle; width:170px;" />'; ?>
</div>

So where i can find sql query can you give me file name or directory i want change sql code?
Thank you.

Last edit: 10 years 7 months ago by Мыктыбек.

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

  • Posts: 12953
  • Thank you received: 1778
10 years 7 months ago #150329

Hello,
Note that it's working fine on our end, did you done some modifications through the "cart" file of your "checkout" view of your front-end template via "Hikashop->Display->Views" ? if that's the case can you remove these modifications and test it again ?
Thanks.

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

Time to create page: 0.103 seconds
Powered by Kunena Forum