Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Is there as simple CSS tweak to put the mini shopping cart on one line again for HikaShop in Rasa2?

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Before I upgraded HikaShop to version 3 their little mini shopping cart which is in the top left corner of my pages at www.veggievorer.com

Now it is on two lines basically. There appears to be a carraige return added.

I know this is not your fault but I suspect you might know of a tweak I could put into my CSS file that will hold me over until such a time as I come up with another ZenGrid5 template to use.

Any tweaks to somehow clear away that carraige return?

This is not the only place where the layout changed (even though I have selected their configuration options for the legacy layouts) but this is the one I would like to 'fix' since it looks bad to me. :-) And, it uses up vertical space that I would like to free up.

Thanks, Sean
Attachments:
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
Last Edit: 5 years 3 months ago by scarney.
The administrator has disabled public write access.
BTW, here is a page with the Rasa2 template and the older HikaShop version where you can see the mini shopping cart on one line in the top left corner: www.anchorpointfilms.com/
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean

.hikashop_cart_module .hikashop_cart:before {
float: left
}

CSS above should correct your issue with v3 of HikaShop. You may need some further tweaking depending on the template setup and custom styling that you may have.

There are numerous upgrades from v2 to v3 and plenty to trip you up, or least has given us a lot head scratching moments when covert to v3. For us with a lot of custom views on one site it took a while and the legacy setting did not work well in our experience and better to put the time in v3.

For us we have also needed to adjust the hikabtn style for the module, but may not be so for you. In case you do here is our solution to make the button easier on the eye.

#hikashop_cart_module a.hikabtn {
color: #ffffff;
padding: 5px;
margin-left: 10px;
margin-top: -5px;
}

Hope that helps
Ian
  • iafdesign's Avatar
  • iafdesign
  • LIfetime Developer - Big Bamboo
  • 393 posts
  • 153 Thanks
  • Karma: 58
The administrator has disabled public write access.
The following user(s) said Thank You: manh, scarney
Thanks very much Ian

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I tried the addition for the mini shopping cart but am not seeing results.

This is what I added to my custom.css file:
/*-- iafdesign from JB to align top cart HS v3 --*/
.hikashop_cart_module .hikashop_cart:before {
float: left
}


I have seen the following code on my site using Chrome Developer tools:
<div id="hikashop_cart_468" class="hikashop_cart">
	<div class="hikashop_checkout_loading_elem"></div>
	<div class="hikashop_checkout_loading_spinner"></div>
The cart is empty</div>

Do I need to somehow be targeting hikashop_cart_468 ??

Any more help or clues would be very appreciated. Thanks again!

Sean
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean

Just looked at your site and could not see the code I suggested in the custom.css file.

If I add it in chrome developer tools it corrects the issue. You may want to hard refresh the browser after adding to make sure it gets picked up, and cache is not holding it back in anyway.

Also if you add any further styling to the css I gave you you need to close off with ;

Ian
  • iafdesign's Avatar
  • iafdesign
  • LIfetime Developer - Big Bamboo
  • 393 posts
  • 153 Thanks
  • Karma: 58
The administrator has disabled public write access.
Thanks Ian

Sean are you using JCH or a cdn?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I am using KeyCDN. I tried JCH before and sometimes it would work great and other times it did not work at all. So, I eventually stopped using it.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,

Is the issue fixed?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes, thank you for asking... :-)
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
No problem

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers