Product display changes

  • Posts: 92
  • Thank you received: 1
11 years 3 months ago #86455

I migrated a Joomla v1.5 site to v2.5 and upgraded HikaShop from the Starter v1.5 to the Essential v2.
The product listing page now looks different and my client wants to bring back the old appearance as follows:

1) In the old version, the price appeared below the thumbnail and the product name appeared on a new line below the price. In the new version, the price and product name appear together on the same line.
How can I move the product name below the price?

2) "Add to Cart" buttons now appear on the product listing page and they were not there before.
My client wants to remove them here but keep them on the next page that has the product description.
How can I do this?

3) The font color for the price used to be red and is now gray.
How can I change the font color for the price?

4) The product description page used to show full-sized images and now shows thumbnails.
How can I bring back the large images?

Please see the attached files for the old and new appearances.
Thank you.



Attachments:

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

  • Posts: 12953
  • Thank you received: 1778
11 years 3 months ago #86519

Hi,

1. I think that you should :
- Go to "Hikashop->Display->Views"
- Edit the "listing_div" file of your "product" view of your front-end template

2. You'll just have to edit your product listing through "Hikashop->Display->Content menus->'Your product listing'" and set the "Display 'Add to cart' button" option to NO

3. I think that you'll find your answer through the CSS documentation :

span.hikashop_product_price {
color: YOUR COLOR;
white-space: nowrap;
}

4. You'll find all images setting through "Hikashop->System->Configuration->'file'" with the "Product page image width/height" options.

Hope this will help you.

Last edit: 11 years 3 months ago by Mohamed Thelji.

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

  • Posts: 92
  • Thank you received: 1
11 years 3 months ago #86588

I did what you said in your response to my #2 and #4 questions and it worked great...thank you!

For #3, I will buy the Styles Pack to accomplish what I need.

For #1, please tell me exactly how to edit the "listing_div" file in order to move the product name below the price.

Thanks so much for your help with this.

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

  • Posts: 13201
  • Thank you received: 2322
11 years 3 months ago #86670

As I can see you are using the view "product / listing_img_title" so edit this view and then you should see the different parts.
Just move one part under another one.
To add a line spacing, you can add a <br/> tag.

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

  • Posts: 92
  • Thank you received: 1
11 years 3 months ago #86811

I'm not getting it.
In the view "product/listing_img_title" the product name code currently appears below the product price code - the product name and product price code are not merged together anywhere.
I've tried placing <br></br> tags in different places but the price still appears on the same line as the product name.
Please direct me to the specific place in the code where I need to insert the <br> tags.
Maybe you can send me the code as it currently appears and also as it will look when I change it.
Thanks!

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

  • Posts: 2334
  • Thank you received: 403
11 years 3 months ago #86908

Hi there,

Find these tags:

<!-- EO PRODUCT PRICE -->

<!-- PRODUCT NAME -->

and add a <br/> tag between like this:
<!-- EO PRODUCT PRICE -->
<br/>
<!-- PRODUCT NAME -->
it should do the job.

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

  • Posts: 92
  • Thank you received: 1
11 years 3 months ago #87018

It's still not working.
My code now looks like this but there is no change:



The front page still looks like this:



What could I be doing wrong?
How can I move the product name to the next line below the price?

Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
11 years 3 months ago #87115

Are you sure that you are editing the view in the good template ?

Could you give us a link to your website ?

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

  • Posts: 92
  • Thank you received: 1
11 years 3 months ago #87156

Yes, I was editing in the wrong template!
I edited in the correct template and it looks great now.
Thanks so much for your time and for all your help.

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

Time to create page: 0.117 seconds
Powered by Kunena Forum