Hikashop content module formating problem

  • Posts: 51
  • Thank you received: 2
9 years 5 months ago #235876

-- url of the page with the problem -- : www.okosjokolade.no
-- HikaShop version -- : 2.6.2
-- Joomla version -- : 3.5.1

After updating to Joomla 3.5.1 and Hikashop 2.5.2 I had some small formating issues with the Hikashop content module. The boxes containing my products in the front-end had shrinked and the "Add to cart"-button was on some products crossing the edge of the border. I thought I'd do some experimenting, and edited my custom CSS-file in the back-end of Hikashop. I changed the "padding_bottom" setting from 10px; to 25px; under the .hikashop_subcontainer-section. Buth when saving and checking the front-end a lot of the other formation was gone. Changing the setting back did not help. Now the whole border is gone and text formating is wrong ( www.okosjokolade.no/nettbutikk ). What happend, and what to do?

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

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 5 months ago #235918

Hello,

I m quite astonished by the fact that "return back" your change don't brings back your site like just after your updates...
And so, I to see this by myself, can you send us backend access to allow us to process some tests.
Note : Send us your access references via our "Contact us" form and use this topic url to have a link in your message.

You speak about HikaShop content module, but I don't see any product image which full a module (understand on a aside part) on your website, on the other hand I see lots of product image in your main part.
Can you be more specific and give us a link where appearing the issue.




Awaiting news from you,

Regards,

Attachments:
Last edit: 9 years 5 months ago by Philip.

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

  • Posts: 51
  • Thank you received: 2
9 years 5 months ago #235963

I've sent an email with log in information to two different sites; one test installation we did prior to the update + the main installation. You should be able to easily see the difference on the two pages...

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 5 months ago #236235

Hi,

The border is gone because the CSS:
div.hikashop_subcontainer_border {
border: 1px solid #EEE;
}

has been removed. Add it back and you'll have it back.

And the problem with the add to cart button going over the border comes from this CSS that you added:
span.hikashop_product_name {
text-align: center;
display: block;
display: block;
}
Remove it and that should fix the problem.

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

  • Posts: 51
  • Thank you received: 2
9 years 5 months ago #236253

All I did in the CSS-file was, as I wrote, to change the "padding_bottom" setting from 10px to 25px. Then I changed it back. The dissapearing border was only one of several changes, note also the changes in the text formating, both in the product overwiew and on the view of each product (comparing the two different installations). I actually did copy the CSS-file from the previous installation and replaced the file, but that didn't seem to change anything...?

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 5 months ago #236261

Hi,

On your main website, you're actually missing the CSS file of HikaShop completely. As if you had set "none" in the "Frontend CSS file" setting of the HikaShop configuration. So please check on that.

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

  • Posts: 51
  • Thank you received: 2
9 years 5 months ago #236333

OK, here is what I think happened: when I edited the CSS file in the back end of Hikashop I pushed the "Save"-button in the pop-up window containing the CSS-code. When I then closed that window, I didn't push the "Save"-button in Configuration -> System -> Display. When I then got back and looedk at the CSS-settings, the CSS-file was set to "None". If I first save the CSS-file, and then Save the settings in Display-view, everything works just fine!

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

  • Posts: 51
  • Thank you received: 2
9 years 5 months ago #236388

Another related issue: On the product category page I have 12 categories sorted in 12 tabs. 7 of them seems to work responsive, reducing to one column on phones etc. The 5 other categories/tabs do not work the same way, and have 3 columns regardless the page width. The 12 categories are all different Hikashop content modules, and I can not see any difference in these modules that can explain the difference. I've tried to turn "Use bootstrap design" on and off with no apparent effect...

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

  • Posts: 84307
  • Thank you received: 13701
  • MODERATOR
9 years 5 months ago #236394

Hi,

You did that with this CSS:

/* Sette produktene under hverandre på mobil */
#hikashop_category_information_module_187 div.hikashop_category, #hikashop_category_information_module_187 div.hikashop_product,
#hikashop_category_information_module_188 div.hikashop_category, #hikashop_category_information_module_188 div.hikashop_product, 
#hikashop_category_information_module_189 div.hikashop_category, #hikashop_category_information_module_189 div.hikashop_product,
#hikashop_category_information_module_195 div.hikashop_category, #hikashop_category_information_module_195 div.hikashop_product,
#hikashop_category_information_module_197 div.hikashop_category, #hikashop_category_information_module_197 div.hikashop_product,
#hikashop_category_information_module_198 div.hikashop_category, #hikashop_category_information_module_198 div.hikashop_product,
#hikashop_category_information_module_199 div.hikashop_category, #hikashop_category_information_module_199 div.hikashop_product, 
#hikashop_category_information_module_200 div.hikashop_category, #hikashop_category_information_module_200 div.hikashop_product, 
#hikashop_category_information_module_201 div.hikashop_category, #hikashop_category_information_module_201 div.hikashop_product,
#hikashop_category_information_module_202 div.hikashop_category, #hikashop_category_information_module_202 div.hikashop_product,
#hikashop_category_information_module_203 div.hikashop_category, #hikashop_category_information_module_203 div.hikashop_product 
{
    float: left;
    width: 100% !important;
}
in the file www.okosjokolade.no/templates/glenon/css/layout-mobile-port.css of your template. But you only did it for some modules, not all of them. So that's your problem.

The following user(s) said Thank You: Odda

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

Time to create page: 0.078 seconds
Powered by Kunena Forum