Cart Module

paulocamacho
Topic Author
Offline

14 years 11 months ago #28125 by paulocamacho

Cart Module was created by paulocamacho

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.

nicolas
Offline

14 years 11 months ago #28129 by nicolas

Replied by nicolas on topic Re: Cart Module

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.

paulocamacho
Topic Author
Offline

14 years 11 months ago #28133 by paulocamacho

Replied by paulocamacho on topic Re: Cart Module

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.

nicolas
Offline

14 years 11 months ago #28135 by nicolas

Replied by nicolas on topic Re: Cart Module

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.

paulocamacho
Topic Author
Offline

14 years 11 months ago #28136 by paulocamacho

Replied by paulocamacho on topic Re: Cart Module

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.

nicolas
Offline

14 years 11 months ago #28137 by nicolas

Replied by nicolas on topic Re: Cart Module

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.

paulocamacho
Topic Author
Offline

14 years 11 months ago #28143 by paulocamacho

Replied by paulocamacho on topic Re: Cart Module

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.

nicolas
Offline

14 years 11 months ago #28145 by nicolas

Replied by nicolas on topic Re: Cart Module

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.

paulocamacho
Topic Author
Offline

14 years 11 months ago #28150 by paulocamacho

Replied by paulocamacho on topic Re: Cart Module

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.

paulocamacho
Topic Author
Offline

14 years 11 months ago #28151 by paulocamacho

Replied by paulocamacho on topic Re: Cart Module

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.

nicolas
Offline

14 years 11 months ago #28163 by nicolas

Replied by nicolas on topic Re: Cart Module

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.

paulocamacho
Topic Author
Offline

14 years 11 months ago #28201 by paulocamacho

Replied by paulocamacho on topic Re: Cart Module

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.

nicolas
Offline

14 years 11 months ago #28225 by nicolas

Replied by nicolas on topic Re: Cart Module

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.

paulocamacho
Topic Author
Offline

14 years 11 months ago #28230 by paulocamacho

Replied by paulocamacho on topic Re: Cart Module

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.

nicolas
Offline

14 years 11 months ago #28231 by nicolas

Replied by nicolas on topic Re: Cart Module

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.

paulocamacho
Topic Author
Offline

14 years 11 months ago #28235 by paulocamacho

Replied by paulocamacho on topic Re: Cart Module

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.

nicolas
Offline

14 years 11 months ago #28245 by nicolas

Replied by nicolas on topic Re: Cart Module

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.283 seconds