Mini Shopping Cart Styling

  • Posts: 15
  • Thank you received: 0
12 years 3 months ago #58962

In particular the quantity field was way too wide and spilling into the main content area to the right.

I altered the Front-end CSS file via configuration/display under the CSS section.
The changes I make to the hikashop_product_quantity_field class does not show up on the actual page.

Why do my changes not reflect on the web page?

The only way I can see a difference is by going to Display / Views and accessing the cart.php file and using
inline styling for the hikashop_product_quantity_field div.
(I have the qty field in a red border for testing purposes)

There has to be a better way. Is there?

Last edit: 12 years 3 months ago by carlj315. Reason: typos

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

  • Posts: 82819
  • Thank you received: 13366
  • MODERATOR
12 years 3 months ago #58998

Please make sure that the "custom" css file is selected in the "front end CSS file" option and that you clean your browser's cache and potentially the CSS cache of your template.
Then the CSS modifications should definitely display.

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

  • Posts: 15
  • Thank you received: 0
12 years 3 months ago #59028

Ok, I tried cleaning the browser's cache and making sure that custom is selected.....the changes are not being saved.

Must be something going on with the template.css file

I have no styling problems with other templates I got online......only the templates I created myself.

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

  • Posts: 82819
  • Thank you received: 13366
  • MODERATOR
12 years 3 months ago #59086

Can you give a link to your page so that we can see that ?

Note that you can also add the CSS in your template's CSS if it works for you...

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

  • Posts: 15
  • Thank you received: 0
12 years 3 months ago #59118

Link is Below:
www.xrossoveracademydallas.com/index.php...out=listing&Itemid=9

see pics attached.
Nothing worked that I added in the frontend_custom.css
Could not even put a border around the quantity field for testing.

Could only put inline css in cart.php

And, still have not been able to show categories horizontally.

Same with the products:
www.xrossoveracademydallas.com/index.php...ssover-vest&Itemid=9

Thanks for your help.....I will get it working one day. :ohmy:

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

  • Posts: 15
  • Thank you received: 0
12 years 3 months ago #59119

Ah yes, I can use my css file to style things.

Great, at least I know I can fall back on that using Firebug to find out what the name of the class is.

Thanks for that.

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

  • Posts: 82819
  • Thank you received: 13366
  • MODERATOR
12 years 3 months ago #59170

In your template you forgot to add the jdoc include tag for the head:
docs.joomla.org/Jdoc_statements#Head

Without it, none of the CSS of HikaShop will be used and no javascript. It will be the same for all the other components/modules.

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

  • Posts: 15
  • Thank you received: 0
12 years 3 months ago #59179

Thanks :) , that was like Harry Potter magic!

But I do have another site that I actually had the head code in and it also did not accept modifications in the Hika backend:
jwebtech.net/demo/index.php?option=com_h...ut=listing&Itemid=12

You have been so helpful!
Not necessary to answer this right now. I'm close to just reinstalling Hika for this one because for some reason, the width for each category and product displayed on the page is set to 49% from inline css in the php file (whichever that one is).
That's why the width is so wide for each category and product. Not good, I need the width to be smaller.

I know now I can put in my own css in my template file but the inline css in the Hika php file will override it.
Don't know how that happened so mabye best I reinstall Hika and start from scratch unless you have an answer.

Last edit: 12 years 3 months ago by carlj315.

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

  • Posts: 82819
  • Thank you received: 13366
  • MODERATOR
12 years 3 months ago #59227

On your other website you don't have the "custom" css file selected in the "front end CSS file" option

The width is controlled by the number of columns of your listing. Increase the number of columns and the width will decrease automatically. There is no need to override it in css.
Nevertheless, if you want to override it in css, you need to use the !important trick:
www.electrictoolbox.com/using-important-css/

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

  • Posts: 15
  • Thank you received: 0
12 years 3 months ago #59598

Well it was working I can do some styling in Hika but then the mini cart qty disapeared. I can put a border around the qty field in my style.css file but the color for the qty does not show. There is no number to color unless I type one in manually.

And the "Proceed to Cart" button goes nowhere...........???

see link below:
www.xrossoveracademydallas.com/index.php...out=listing&Itemid=9


Thanks for your help!

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

  • Posts: 82819
  • Thank you received: 13366
  • MODERATOR
12 years 3 months ago #59666

I've never seen the quantity of the quantity field of the cart module disappear.
Please check that you didn't do any customization to the file "cart" of the "product" via the menu Display->Views and if so remove them.

The "proceed to checkout" button goes nowhere because the quantity is missing in there. So it actually removes the product from the cart and you're redirected to the products listing instead of going to the checkout. Fixing the first problem will automatically solve the second.

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

  • Posts: 15
  • Thank you received: 0
12 years 3 months ago #59679

I know this issue is strange. It was working just fine and kaboom! stuff started acting crazy.

I re-installed Hikashop but the qty still did not appear (the products and categories was saved in the database I guess)

Crazy things mostly happen in custom joomla templates. Though adding the missing jdoc doc helped it did not resolve all of the
other problems. Don't know where to go from here except to shut down the full mini cart and go with the mini mini cart where the
qty is not displayed until the customer reaches the checkout screen.

I still thank you for your much needed help!

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

  • Posts: 82819
  • Thank you received: 13366
  • MODERATOR
12 years 3 months ago #59740

The mini cart would indeed avoid the problems all together.
Did you check that you didn't had any customization for the cart view file ? Even if you uninstall/reinstall the customizations won't go away.

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

  • Posts: 15
  • Thank you received: 0
12 years 3 months ago #60117

I made no changes to the cart view file.

Oh, well every site I use Hika seems to work differently.

Until the next site.....

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

Time to create page: 0.085 seconds
Powered by Kunena Forum