product images and add to cart graphic

  • Posts: 21
  • Thank you received: 0
12 years 9 months ago #40000

I would like to change two things on my site:
a) I have two images for each product and my product is currently displaying as two thumnails and the main image. The problem is the main image is the same size as the two thumnails underneath the main image. How can I change the main image so that it is larger than the thumnails? See www.african-brand.com , click on any categoty listing and display a selected product to see what I mean. An example is on this link www.african-brand.com/index.php?option=c...category_pathway=552

b)How can I rationalise the link I provided in one above? Ideally I would like it to just show as www.african-brand.com/index.php?{categor...b-Category}/{product }
e.g. www.african-brand.com/index.php ? {Music}/{South African}/{weding-specials-vol3-no-one-is-perfect}?

c) If you have visted the site above you would have seen that the add to cart graphic if I may call it that is very lame. How can I use the one on your demo site or other?

Thanks in advance

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
12 years 9 months ago #40211

Hi,

a/ I looked at your page but the small thumnails don't have the same size as the big thumnail.
The small ones size is restricted in CSS with a height parameter so that can be changed in the CSS of HikaShop. For the size of the big thumbnail, that can be configured in the Files tab of the configuration with the corresponding options if you're using the latest version of HikaShop.

b/ You should turn on SEF in the joomla configuration. Then, in the configuration of HikaShop, there are some parameters in order to configure the way your SEF links will be generated.

c/ The add to cart button uses the CSS of buttons of your template. Your template apparently doesn't define any CSS for buttons, that's why it's displaying as a normal button.
You can either add custom CSS to your template so that your buttons have some styling like we did on our demo website:
.hikashop_product_quantity_main .hikashop_product_stock .button {
color: #167E93;
font-weight: bold;
background-image: url(../images/add_cart.png);
background-repeat: no-repeat;
background-position: right;
height: 32px;
padding-right: 40px;
background-color: transparent;
cursor: pointer;
}

Or you can just change the option "button display" from normal to CSS so that it uses a predefined CSS included in HikaShop.

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

  • Posts: 21
  • Thank you received: 0
12 years 9 months ago #40310

"b/ You should turn on SEF in the joomla configuration. Then, in the configuration of HikaShop, there are some parameters in order to configure the way your SEF links will be generated."

I have done this assuming the parameneters you are talking about are the four configuration issues under Hikashop>>Configuration>>Main>>SEF url options. There was no improvement after changing to the following configuration:
Simplified breadcrumbs: No
Activate smaller url: Yes
Category SEF name: category
Product SEF name: product
Is there somewhere else I should be looking at?

"c/ The add to cart button uses the CSS of buttons of your template. Your template apparently doesn't define any CSS for buttons, that's why it's displaying as a normal button."
I use the css you supplied. I think you gabe me the wrong css. Look again on your demo website you see the add to cart styling with the colour change on hovering on +/- for cart and the blue basket icon. Thats the styling I am looking for. Could you re-send the styling?

Lastly, if you take a look at the hikashop category listing menu on www.african-brand.com i.e. "our store", after changing settings for css on Hikashop>>Configuration>>Display>>CSS>>Front-end CSS File to "default" the menu intems are not aligned to the right as one would expect. which Css settings should I change? Wonder if you could give me the css used on the dem site as well, might use an altered version of that.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
12 years 9 months ago #40494

b/ You should turn on SEF in the joomla configuration. The options you're talking about are in the HikaShop configuration.

c/ I gave you the CSS for the add to cart button, not for the +/- as you didn't requested it.
For that you should use:
.hikashop_product_quantity_main .hikashop_product_stock td a {
color: #14CBEC;
font-weight: bold;
background: url(../images/add_white_dot.png) no-repeat center;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 3px;
}

Please note that for the CSS to display the same, you will have to have the images as well.

d/ You should add the CSS below for that:
.hikashop_category_list_item{ float: none !important; }

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

Time to create page: 0.060 seconds
Powered by Kunena Forum