Related and Checkout image sizes.

  • Posts: 20
  • Thank you received: 0
9 years 11 months ago #217085

-- Joomla version -- : 3.3
-- PHP version -- : 2.6

checkout and related product image sizes

I need the image sizes to be different on each!!
I have tried changing the img and other container sizes in css the images will not change size

I can change the configuration thumbnail size, but it changes both!
I want the related products to be about 200px height
but this is much to big for the checkout page, 50px is better for this.

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 11 months ago #217149

Hello,

for the related product image follow this steps :

- First go to : Extensions -> Modules
- Find and click on Related products (in Modules listing screen)
- Click on Hikashop Options Tab
- In Item Layout part, enter your required dimension for your picture, for you Image height : 200 px AND Image width : 200 px

IMPORTANT : If you don't enter a width to 200 px your picture won't be displayed bigger.

For have in your checkout, a 50 px product image
- Components -> HikaShop -> Configuration
- Click on the Display tab


- Select CSS on left side, just below General display options
- In the CSS part, see the Front-end CSS file? Click on the little pen icon
- You know see your Front-end CSS file, go to the end of your file
- Add this code :
img.hikashop_product_checkout_cart_image {
width: 50px;
}
- And don't forget to save!

Regards,

Attachments:
Last edit: 9 years 11 months ago by Philip.
The following user(s) said Thank You: Galle43

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

  • Posts: 20
  • Thank you received: 0
9 years 11 months ago #217164

OMG -- I had spent HOURS trying to get this to work in the styles for front end css!

Why is there 2 CSS files?
What is controlled by the front end CSS and what is controled by the styles for front end CSS?

I add the exact same code to the "styles" css and it does not work...

what is the thinking for having 2 different css files that control layout eliments
(other that to drive me crazy -grin-)

thanks

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 11 months ago #217169

Hi,

As a short answer, the front-end CSS file purpose is to give a basic structure to your front-end HikaShop website.
Style front end is to add style pack that you buy, and go further, as of course aesthetic purpose.

Regards,

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

Time to create page: 0.065 seconds
Powered by Kunena Forum