#294 Image sizing

Posted in ‘Technical Support / Bugs’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Adam Melcher on Wednesday, 28 May 2025 10:54 UTC

Ian Shere

I have been using eShop for years, but I have a project that it's just failing to handle. This is my first time even installing J2Commerce. So far, I'm really liking it. I have some questions for things I can't figure out. I'm on Joomla 5 BTW.

  1. Is there a way to set image sizing? In eShop, they have a tab which allows users to specify a specific image size for the various image locations - Manufacturer logo, Category image, Product image, etc. I have uploaded 3 different images, but don't see how to set different parameters. Doing an Inspect on the thumbnail, I see that it's set to a 120px width. I want to change this, but cannot find a simple way to do it in the backend other than hacking the code. Found this option in the menu item parameters.
  2. Regarding image uploads. I uploaded the thumbnail and main image. I then uploaded a third "Other" image. However, when trying to upload a 4th image, the image will not upload.
  3. On the frontend, the price is not prefixed by the currency symbol. Is that a setting I've missed?
  4. On the frontend, the SKU is shown, with SKU in front of it. However, nothing is separating the letters SKU from the actual SKU. It should at least have a ":" and preferably it would be bolded.
  5. Is it possible to have a dynamic SKU? What I mean is this. I have a product with 3 options (flavors). The base SKU is GR-WELL-SHOT-64oz. When selecting one of the 3 options, a suffix should be added to identify the particular flavor. One flavor is "Original". So, I would like the SKU to be GR-WELL-SHOT-64oz-O.
  6. I see that products are made as sophisticated Joomla articles. These all default to "Uncategorized". Is it possible to default them to another category, such as "Products".
  7. How do I remove the sliding price Filter? Found this option in the menu item parameters.

Thanks.

Adam Melcher

Ian,

These are great questions and will try to answer them as best as I can. 

Regarding image uploads. I uploaded the thumbnail and main image. I then uploaded a third "Other" image. However, when trying to upload a 4th image, the image will not upload.

This is an area that we are working to improve the user experience on, but for the time being, if you click the additional image button three, four, or five times hit save, then you can add additional images at that point (as many as you wish).

On the frontend, the price is not prefixed by the currency symbol. Is that a setting I've missed?

Yes, in the initial store configuration page, the dollar symbol for example is shown as a placeholder which is also a poor user experience because it makes you think that the dollar symbol is actually going to be saved, this is also another area that is going to be improved in version 4.1. if you go into the currency section of your J2 dashboard, you can open up whatever currency you're using. If it's the US dollar, simply go in there and add the dollar sign and hit save and you should be good to go. 

 

On the frontend, the SKU is shown, with SKU in front of it. However, nothing is separating the letters SKU from the actual SKU. It should at least have a ":" and preferably it would be bolded.

If you are familar with layout overrides, you can add a colon or other separator to the layout itself. Category view pages are prefixed with default_ and product view pages are prefixed with view_

Both views would be *view_sku or default_sku ( if you are using the j2 product views) which sounds like you are from your answers.

The other option is to do a language override (search for sku) and you can change it their, but this would affect any references to sku on the front-end.

Is it possible to have a dynamic SKU? What I mean is this. I have a product with 3 options (flavors). The base SKU is GR-WELL-SHOT-64oz. When selecting one of the 3 options, a suffix should be added to identify the particular flavor. One flavor is "Original". So, I would like the SKU to be GR-WELL-SHOT-64oz-O.

If you need unique SKU numbers for each product or VIP product variant such as assured that has small, medium and large and also comes in green, yellow and red and want to have unique inventory prices and skus for each option. Then you should look into the flex variant, or variant product types which would give you that ability.

 

I see that products are made as sophisticated Joomla articles. These all default to "Uncategorized". Is it possible to default them to another category, such as "Products".

If you go into the article view of Joomla and select the category such as shop, then you can create the articles and when you save them, it'll save in that category and not the uncategorized one.

 

Finished just in time to board my flight!

Adam

Growing Together

Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.

Ian Shere

Thanks for the quick reply, and I hope your flight was enjoyable!

 

I tried at doing an override (using the internal joomla wizard), but couldn't find any files named as you describe. There were adminitem_sku.php, and itemsku.php, but nothing with view_sku or default_sku.

I also tried to use flex variant. Though the app is installed, if I click "Open app" all I get is a blank page. Not sure how to use it. I couldn't see any documentation for it on your site either.

Ian Shere

I've now added some more products, and it's showing at page https://getrawshots.com/aa. How do I get the products to fill the entire page width? Right now, it looks like the component is expecting 4 wide, yet it's only displaying 3.

Adam Melcher

Ian,

If you can throw the login creds in the ticket credentials area, I can jump in their and set up one of your products as a flex product so you can see what I did.

The overrides for the layouts are in the bootstrap5 plugin so to update the files mentioned earlier, look in the plugins/j2store/app_bootstrap5 plugin (I am in the air at the moment so doing this from memory), look for the bootstrap5 and tag_bootstrap5 template folders in there and copy them to:

/templates/YOUR_TEMPLATE/html/com_j2store/templates/

You will then see them in your Joomla template  view in the backend.

 

You can rename the folders to getraw and tags_getraw to make the layouts look more custom to your client and then go back into the menu item that displays that category and under common options change the sublayout from bootstrap5 to getraw. 

Here is a link on how to setup a flex variant

https://docs.j2commerce.com/j2commerce/product-types/flexible-variable-product

 

Adam

Growing Together

Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.

System Task
System Task
The ticket information has been edited by Ian Shere (ian@citruskiwi.com).

Ian Shere

Thanks Adam. I was looking in the wrong place for the override. I'll have another look. I've dropped the creds in the ticket. Thank you!

Adam Melcher

Ian, 

Can you update the website url with the admin login page?

 It keeps redirecting back to the homepage.

Thanks,

Adam

Growing Together

Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.

System Task
System Task
The ticket information has been edited by Ian Shere (ian@citruskiwi.com).

Ian Shere

Updated admin URL. Sorry, the /aa is a nofollow link to the page I'm working on.

Ian Shere

I figured out the squashed display. There was this CSS:

@media (width >= 576px) { .col-sm-9 {
  1. flex: none;
  2. width: 75%;
}   Not sure what the 75% is there for, so I just added custom CSS to make it 100% and that fixed the display issue.   I have checked again in the backend and /templates/YOUR_TEMPLATE/html/com_j2store/templates/ does not exist. Under com_j2store there's only 1 folder called "products", nothing else.

Ian Shere

Thanks for the link to the Flex Variable - perfect. Managed to get things working as needed. I just have to go back now and reset up all the products, but that shouldn't take too long.

Something that didn't make sense to me, though I made it work because variable types were small. There is an images tab with Thumbnail, Main, and Alternative images. In the Flex Variable, there are image fields for each variable as well. However, I can't figure out how you would do this with multiple variables. For example:

3 sizes - 1oz, 2oz, 5oz

2 Scents - Unscented, Rose

Assume each size has a different-shaped bottle, and each scent has a different label, that would mean 6 different images. I found that, to have an image show if I display the options with nothing selected, I need to have something in the Thumbnail image (under the images tab) at least. If I then add the relevant image to each variable, the relevant image will not show once that variable is selected. As a workaround (because I'm not using the "Details" page) I checked "Use Main Image as Thumbnail" and that worked. Is this how it's meant to work? I don't believe so, as the correct SKU is showing.

In fact, if I remove all the images on the Images tab, even with images selected in the variables, no image shows. Have I missed something?

Ian Shere

Totally unrelated to this issue, but clicking on the "Get more payment plugins" in Setup | Payment Methods goes to a 404.

Current link: https://www.j2commerce.com/extensions/payment-plugins.html?utm_source=pro&utm_medium=component&utm_campaign=inline&utm_content=gateways

Correct link: https://www.j2commerce.com/extensions/payment-plugins

Adam Melcher

Ian,

Thanks for the last info on the payments link - that will def be fixed in the next release.
A little back story:
We have spent the last 6 months (since taking over this project) migrating over 130 plugins that were never migrated from J3 (which kept a lot of J2 users stuck with Joomla 3 sites). 
Our primary goals priority wise:

  1. Remove any reason for longtime J2 users to leave the system due to migration issues or confidence in it's future.
  2. Improve the main component across many areas with each update helping to move everybody closer to the Joomla 6 version (which is going to be full Joomla 6 native)
  3. Improve the front end UI/UX to make it easy for store owners and developers to launch a store (that actually helps convert visitors to customers)
  4. Attract users from other CMSs to Joomla because of J2Commerce.

 

We still have a long ways to go, but we can check off #1 and are now focusing on 2 & 3...



So... I just jumped into the site and created a new flexvariable product that allows you to have separate skus,prices, and inventories for each variant (as well as separate images for each variant)


https://getrawshots.com/aa/get-raw-plus-berrylicious-wellness-shot-half-gallon-64oz-2

I used some of the other product images so you can see the imgae change when you select another flavor. I also added some cross-sell items and adjusted the menu item options for both the category and detail page to match the shopify products you have on the main homepage. You will still need to adjust some of the css to get it to look the same.

The answer to your question about why none of the images show even if you only use the variant image is because unless you select the defaul option (star next to the variants) then it won't know which one to load when they first go to the page.  Once you select the default variant, it will automatically display the sku, price, and image of the default variant...

This should help you closer to where you need to be...

Adam

Growing Together

Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.

Ian Shere

Thanks for the history - never knew that.

Appreciate you setting up that test product. I'll go and look at how you did it.

Feel free to reach out if you need a tester. Happy to help!

Adam Melcher

Ian,

I am closing this ticket. If you need additional help, you can open a new ticket.

 

Adam

Growing Together

Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.

Stay Updated

Subscribe for free and be the first to know about the latest features, updates, and new additions.