Cart Module

  • Posts: 188
  • Thank you received: 0
13 years 1 month ago #28125

How I can control the layout of the cart module , example I change the font of the price in the product page but also change in the cart module and is to big for that area.

thanks so much.

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
13 years 1 month ago #28129

You need to use a CSS selector.
For example:
.hikashop_cart_module .hikashop_product_price_full{
color: green !important;
}

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

  • Posts: 188
  • Thank you received: 0
13 years 1 month ago #28133

Nic , sorry but can you explain more, I have to include that is the css?

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
13 years 1 month ago #28135

If you want to have the prices in green on your cart module yes. As I said, it's just an example.

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

  • Posts: 188
  • Thank you received: 0
13 years 1 month ago #28136

ok but I need to include that where? and what I need to make the font and price small just in the module

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
13 years 1 month ago #28137

In the CSS of you website. Either in your template's CSS or in HikaShop 's CSS that you can edit via the Display tab of the configuration.

If you want to make the font smaller, you should then use the font-size CSS:
.hikashop_cart_module .hikashop_product_price_full{
font-size: 15px !important;
}

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

  • Posts: 188
  • Thank you received: 0
13 years 1 month ago #28143

Nic I put this in the css of hika, by the end and I did not see a change , the position matter?

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
13 years 1 month ago #28145

Position does not matter. You also need to save the configuration and flush your browser's cache to see the change.

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

  • Posts: 188
  • Thank you received: 0
13 years 1 month ago #28150

OK I did that , I use like 3px font just to test , but I still don't see the change. my joomla generate some kind of automatic css's , I use roktheme before, did you hear something about that. thanks

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

  • Posts: 188
  • Thank you received: 0
13 years 1 month ago #28151

here is the link if you want try ,
Part of the message is hidden for the guests. Please log in or register to see it.

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
13 years 1 month ago #28163

You actually set your prices CSS on the span inside hikashop_product_price_full, so you need to use that CSS instead:
.hikashop_cart_module span.hikashop_product_price{
font-size: 15px !important;
}

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

  • Posts: 188
  • Thank you received: 0
13 years 1 month ago #28201

yeah men Thanks so much , now I want to make that text small (product name) also but I can find the css part for that

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
13 years 1 month ago #28225

You can do like that:
.hikashop_cart_module .hikashop_cart_product_name a{
font-size: 15px !important;
}

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

  • Posts: 188
  • Thank you received: 0
13 years 1 month ago #28230

Nic I just put that in the hika css , and I dont see a change , I have the cart (carrito) in the top menucheck it out
Part of the message is hidden for the guests. Please log in or register to see it.

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
13 years 1 month ago #28231

Mmm, it's getting late, I mixed up the CSS class with the one from the checkout.

It's this:

.hikashop_cart_module_product_name_value{
font-size: 15px !important;
}

You should use firebug to get the name of the CSS classes in the HTML in order to use them in the CSS. It's not complicated to do. It's just what I do.

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

  • Posts: 188
  • Thank you received: 0
13 years 1 month ago #28235

yeah I'm learning how to use it , ok that work great I will play with that , now I want ot make the product picture in the cart small , is to big , so I use firebug and found the class : <td class="hikashop_cart_product_image_value">
so I check hika css but I dont see it , so I think I need to include in the css , good thing men sorry but I almost done , this will be very helpful .

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

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
13 years 1 month ago #28245

You can do like that:

.hikashop_cart_product_image_value img{
height: 50px !important;
width: 50px !important;
}

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

Time to create page: 0.079 seconds
Powered by Kunena Forum