Shopping cart & listing problems

  • Posts: 40
  • Thank you received: 1
12 years 3 months ago #58513

Hi,
I've been working on a site for some time now, and I have not been able to resolve several issues - OK, my knowledge of PHP is rudimentary but HTML, CSS etc. is better, so I thought I'd find adjusting the layout a little easier than it is.

In the shopping cart, the text YOUR CART IS EMPTY I have replaced with 'You have not yet made a selection'. This line appears too close to the border of the cart and I have not found a way to place padding left and bottom - where can I do this? Also when a product is added to the cart, a button appears 'Proceed to checkout'. I've changed this to match my site colours, but how can I add space top and bottom and centre the button within the cart borders?

I have also added css3 radiused borders and a drop-shadow to the module, but this effect is duplicated by the 'inner' box of the cart. How can I ensure that only the outer radius/shadow is effective?

I would like the product listings to appear in 2 cols, 5 deep. How can I control the spacing between and either side of the columns so that they appear 'centered' between the left and right module positions? Adjusting the 'margins' doesn't seem to work consistently.

In the individual product detail page (and listing) how can I get the price to appear as, for example - 'Price: £3.50' and not '£3.50 each'? Where are the label texts (Jtext?) to be found. I'd like to change the LABEL for the default 'Name' field to 'Title' - is that possible? Would all of these problems be sorted out by purchasing the layout/themes which are available?

Sorry for so many questions, but I have to ask - I'm spending too much time trying to find out for myself.

Thanks,

Mike.

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

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

Hi,

1. The message "YOUR CART IS EMPTY", like any text in HikaShop can be changed with a translation override:
www.hikashop.com/en/download/languages.html#modify
You could simply have such override:
EMPTY_CART_MESSAGE="<div style='padding-left:15px;padding-bottom:15px;'>You have not yet made a selection</div>"

2. You can add your custom CSS in the front end CSS file of HikaShop that you can edit via the Display tab of the configuration. The precise CSS to use would depend on the CSS files of your template/website as well as the modifications you already made. So it's impossible to give the exact CSS code you would have to use without looking at the cart with firebug.

3. Maybe some additional CSS code ? Again, that would require to look at the page with firebug.

4. All the text in HikaShop can be changed with a translation override:
www.hikashop.com/en/download/languages.html#modify
With that you will be able to remove the "each" text and rename your labels too.

Styles allow you to apply a theme to the HikaShop pages so that they fit better with your template with little to no CSS customization work. But they won't magically change the texts in HikaShop to what you want.

The following user(s) said Thank You: badcoder

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

Time to create page: 0.054 seconds
Powered by Kunena Forum