[Skip to main content](#vessel-content)

#   Product display changes

##

- **[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")**
- [![mortk1's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/321-mortk1 "View mortk1's Profile") Topic Author
- [ Offline](/forum/user/321-mortk1)

Less More

- Posts: 92
- Thank you received: 1
-
-

13 years 9 months ago [\#86455](#86455) by [mortk1](/forum/user/321-mortk1 "View mortk1's Profile")  *[Product display changes](/forum/2-general-talk-about-hikashop/77634-product-display-changes#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) &quot;Add to Cart&quot; 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.")* was created by *[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")*

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.

[ ![Old&#95;Product&#95;Listing&#95;Page.png](/forum/attachment/8080) ](/forum/attachment/8080 "...sting&#95;Page.png")

[ ![New&#95;Product&#95;Listing&#95;Page.png](/forum/attachment/8081) ](/forum/attachment/8081 "...sting&#95;Page.png")

- [ ![Old&#95;Product&#95;Listing&#95;Page.png](/forum/attachment/8080) ](/forum/attachment/8080 "...sting&#95;Page.png") [ ](/forum/attachment/8080?download=1 "...sting&#95;Page.png")
- [ ![New&#95;Product&#95;Listing&#95;Page.png](/forum/attachment/8081) ](/forum/attachment/8081 "...sting&#95;Page.png") [ ](/forum/attachment/8081?download=1 "...sting&#95;Page.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc3NjM0LXByb2R1Y3QtZGlzcGxheS1jaGFuZ2VzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")**
- [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")
- [ Offline](/forum/user/6861-mohamed-thelji)

Less More

- Posts: 12953
- Thank you received: 1778
-
-
-

13 years 9 months ago -  13 years 9 months ago [\#86519](#86519) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")  Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Product display changes](/forum/2-general-talk-about-hikashop/77634-product-display-changes#86519 "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) &quot;Add to Cart&quot; 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.")*

Hi,

1. I think that you should :
- Go to "*Hikashop-&gt;Display-&gt;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-&gt;Display-&gt;Content menus-&gt;'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](http://www.hikashop.com/en/support/84-css-styling.html#prices) : Code:

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

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

Hope this will help you.

Last edit: 13 years 9 months ago by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc3NjM0LXByb2R1Y3QtZGlzcGxheS1jaGFuZ2VzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")**
- [![mortk1's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/321-mortk1 "View mortk1's Profile") Topic Author
- [ Offline](/forum/user/321-mortk1)

Less More

- Posts: 92
- Thank you received: 1
-
-

13 years 9 months ago [\#86588](#86588) by [mortk1](/forum/user/321-mortk1 "View mortk1's Profile")  Replied by *[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")* on topic *[Product display changes](/forum/2-general-talk-about-hikashop/77634-product-display-changes#86588 "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) &quot;Add to Cart&quot; 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.")*

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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc3NjM0LXByb2R1Y3QtZGlzcGxheS1jaGFuZ2VzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

13 years 9 months ago [\#86670](#86670) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Product display changes](/forum/2-general-talk-about-hikashop/77634-product-display-changes#86670 "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) &quot;Add to Cart&quot; 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.")*

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 &lt;br/&gt; tag.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc3NjM0LXByb2R1Y3QtZGlzcGxheS1jaGFuZ2VzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")**
- [![mortk1's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/321-mortk1 "View mortk1's Profile") Topic Author
- [ Offline](/forum/user/321-mortk1)

Less More

- Posts: 92
- Thank you received: 1
-
-

13 years 9 months ago [\#86811](#86811) by [mortk1](/forum/user/321-mortk1 "View mortk1's Profile")  Replied by *[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")* on topic *[Product display changes](/forum/2-general-talk-about-hikashop/77634-product-display-changes#86811 "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) &quot;Add to Cart&quot; 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.")*

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 &lt;br&gt;&lt;/br&gt; 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 &lt;br&gt; 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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc3NjM0LXByb2R1Y3QtZGlzcGxheS1jaGFuZ2VzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")**
- [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile")
- [ Offline](/forum/user/1824-eliot)

Less More

- Posts: 2334
- Thank you received: 403
-
-

13 years 9 months ago [\#86908](#86908) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile")  Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Product display changes](/forum/2-general-talk-about-hikashop/77634-product-display-changes#86908 "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) &quot;Add to Cart&quot; 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.")*

Hi there,

Find these tags:
Code:

&lt;!-- EO PRODUCT PRICE --&gt; &lt;!-- PRODUCT NAME --&gt;

and add a &lt;br/&gt; tag between like this:
Code:

&lt;!-- EO PRODUCT PRICE --&gt; &lt;br/&gt; &lt;!-- PRODUCT NAME --&gt;

it should do the job.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc3NjM0LXByb2R1Y3QtZGlzcGxheS1jaGFuZ2VzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")**
- [![mortk1's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/321-mortk1 "View mortk1's Profile") Topic Author
- [ Offline](/forum/user/321-mortk1)

Less More

- Posts: 92
- Thank you received: 1
-
-

13 years 9 months ago [\#87018](#87018) by [mortk1](/forum/user/321-mortk1 "View mortk1's Profile")  Replied by *[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")* on topic *[Product display changes](/forum/2-general-talk-about-hikashop/77634-product-display-changes#87018 "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) &quot;Add to Cart&quot; 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.")*

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

[ ![Product&#95;Listing&#95;Page&#95;Problem.jpg](/forum/attachment/8171) ](/forum/attachment/8171 "...ge&#95;Problem.jpg")

The front page still looks like this:

[ ![Product&#95;Listing&#95;Page&#95;Problem2.jpg](/forum/attachment/8172) ](/forum/attachment/8172 "...e&#95;Problem2.jpg")

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

- [ ![Product&#95;Listing&#95;Page&#95;Problem.jpg](/forum/attachment/8171) ](/forum/attachment/8171 "...ge&#95;Problem.jpg") [ ](/forum/attachment/8171?download=1 "...ge&#95;Problem.jpg")
- [ ![Product&#95;Listing&#95;Page&#95;Problem2.jpg](/forum/attachment/8172) ](/forum/attachment/8172 "...e&#95;Problem2.jpg") [ ](/forum/attachment/8172?download=1 "...e&#95;Problem2.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc3NjM0LXByb2R1Y3QtZGlzcGxheS1jaGFuZ2VzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

13 years 9 months ago [\#87115](#87115) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Product display changes](/forum/2-general-talk-about-hikashop/77634-product-display-changes#87115 "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) &quot;Add to Cart&quot; 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.")*

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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc3NjM0LXByb2R1Y3QtZGlzcGxheS1jaGFuZ2VzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")**
- [![mortk1's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/321-mortk1 "View mortk1's Profile") Topic Author
- [ Offline](/forum/user/321-mortk1)

Less More

- Posts: 92
- Thank you received: 1
-
-

13 years 9 months ago [\#87156](#87156) by [mortk1](/forum/user/321-mortk1 "View mortk1's Profile")  Replied by *[mortk1](/forum/user/321-mortk1 "View mortk1's Profile")* on topic *[Product display changes](/forum/2-general-talk-about-hikashop/77634-product-display-changes#87156 "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) &quot;Add to Cart&quot; 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.")*

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](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc3NjM0LXByb2R1Y3QtZGlzcGxheS1jaGFuZ2VzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.099 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
