Display Issue - Parameters all the same

  • Posts: 158
  • Thank you received: 6
9 years 5 months ago #204390

-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.4.1
-- PHP version -- : 5.3.28
-- Browser(s) name and version -- : chrome
-- Error-message(debug-mod must be tuned on) -- : none

Hello,

I have a single menu item displaying the content with completely different HTML. Here are the two URL's:
Bad Display: morgan.myartisanweb.com/jewelry/pendants/chain-pendants
Good Display: morgan.myartisanweb.com/jewelry/pendants/silk-pendants

Please advise,

Dawn

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

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
9 years 5 months ago #204411

Hi,

It is a mystery for myself too.
All I can say is that if you remove the "position:aboslute" for the images ; it works better.

.hikashop_products .thumbnails .hikashop_product_image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: none;
}
After that, you should have an issue with a position relative/absolute something else in the page ; I can't say, it's not my specialty or my job.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 158
  • Thank you received: 6
9 years 4 months ago #207424

Hello,

I wanted to submit the fix, since it was in fact my Job.

Some of the product and category displays have a css class of .thumbnail and some do not. I wanted to be able to display an "even" row of images that were not sized equally by the client so the "Purchase" or "Add to Cart Buttons" were consistent across the page. For some reason, the HTML is not consistent on all pages so I had to style for both with the .thumbnail and without:

/*******product image***********/
.hikashop_container .thumbnail div.hikashop_product_image .hikashop_product_image_subdiv, .hikashop_container div.hikashop_product_image .hikashop_product_image_subdiv {
height: 280px !important;
}
.hikashop_products .thumbnails .hikashop_product_image img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border: none;
}

Here is the end result:

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

Time to create page: 0.063 seconds
Powered by Kunena Forum