[Skip to main content](#vessel-content) # Tweaking product display. CSS? ## - **[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")** - [![abstractimagegroup's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32129.png)](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Topic Author - [ Offline](/forum/user/32129-abstractimagegroup) Less More - Posts: 37 - Thank you received: 0 - - [](http://www.abstractimagegroup.com/) - 12 years 6 months ago - 12 years 6 months ago [\#152155](#152155) by [abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152155 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* was created by *[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")* So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" [ ![h3538875.png](/forum/attachment/16688) ](/forum/attachment/16688 "h3538875.png") In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out. --- Abstract Image Group \| Fulfilling all of your large format printing needs! - [ ![h3538875.png](/forum/attachment/16688) ](/forum/attachment/16688 "h3538875.png") [ ](/forum/attachment/16688?download=1 "h3538875.png") Last edit: 12 years 6 months ago by [abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile"). Reason: missing image Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")** - [![abstractimagegroup's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32129.png)](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Topic Author - [ Offline](/forum/user/32129-abstractimagegroup) Less More - Posts: 37 - Thank you received: 0 - - [](http://www.abstractimagegroup.com/) - 12 years 6 months ago [\#152156](#152156) by [abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Replied by *[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152156 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* [ ![hca00e21.png](/forum/attachment/16689) ](/forum/attachment/16689 "hca00e21.png") --- Abstract Image Group \| Fulfilling all of your large format printing needs! - [ ![hca00e21.png](/forum/attachment/16689) ](/forum/attachment/16689 "hca00e21.png") [ ](/forum/attachment/16689?download=1 "hca00e21.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14269 - - 12 years 6 months ago [\#152198](#152198) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152198 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Hi, So you will have to modify the file "listing_table" of the view "product" via the menu Display>Views for that. For the description you can add such code: echo $this->row->product_description; for example after: echo $this->row->product_name; For the price, you want to move the code: $this->setLayout('add_to_cart_listing'); echo $this->loadTemplate(); after: $this->setLayout('listing_price'); echo $this->loadTemplate(); For the image, I'm not sure what you mean by "auto height" ? The height will be "auto" if you only provide the width in the options of the menu via the menu Display>Content menus. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")** - [![abstractimagegroup's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32129.png)](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Topic Author - [ Offline](/forum/user/32129-abstractimagegroup) Less More - Posts: 37 - Thank you received: 0 - - [](http://www.abstractimagegroup.com/) - 12 years 6 months ago [\#152323](#152323) by [abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Replied by *[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152323 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Im sorry. I am not very familiar with php. Could you be a little bit more descriptive? Ultimately, this is what I want the page to look like. [ ![h92a2b9e.jpg](/forum/attachment/16719) ](/forum/attachment/16719 "h92a2b9e.jpg") --- Abstract Image Group \| Fulfilling all of your large format printing needs! - [ ![h92a2b9e.jpg](/forum/attachment/16719) ](/forum/attachment/16719 "h92a2b9e.jpg") [ ](/forum/attachment/16719?download=1 "h92a2b9e.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) 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) - 12 years 6 months ago [\#152325](#152325) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152325 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Hi, It will be difficult to be more precise, Nicolas gave you all the needed php code and give you place to put the code. Now it just need HTML customizations and add the php code given in the html where you want to display it. Don't forget tu have the php code between php tags. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[iamgr3](/forum/user/16423-iamgr3 "View iamgr3's Profile")** - [![iamgr3's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/16423-iamgr3 "View iamgr3's Profile") - [ Offline](/forum/user/16423-iamgr3) Less More - Posts: 15 - Thank you received: 1 - - 12 years 6 months ago [\#152865](#152865) by [iamgr3](/forum/user/16423-iamgr3 "View iamgr3's Profile") Replied by *[iamgr3](/forum/user/16423-iamgr3 "View iamgr3's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152865 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Hello, This code is very useful. I was able to format the table view to show exactly what is shown. The problem that I ran into is that I am trying to show a mp3 player in the description area. Using a joomla plugin for mp3 players. It uses the format {mp3}filename{/mp3} In the product view the mp3 player shows and works correctly. When I set the product view to table layout I get the code and not the player. [ ![hbeac04f.jpg](/forum/attachment/16789) ](/forum/attachment/16789 "hbeac04f.jpg") I have tried to use the {loadposition} technique, with load modules enabled. To no avail. There is a piece of code that is clearly over my head that is needed here. Any help or suggestions? - [ ![hbeac04f.jpg](/forum/attachment/16789) ](/forum/attachment/16789 "hbeac04f.jpg") [ ](/forum/attachment/16789?download=1 "hbeac04f.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14269 - - 12 years 6 months ago [\#152876](#152876) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152876 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Hi, If you want the content tags to be processed in the description, instead of the code: echo $this->row->product_description; you should use the code: echo JHTML::_('content.prepare',$this->row->product_description); Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[iamgr3](/forum/user/16423-iamgr3 "View iamgr3's Profile")** - [![iamgr3's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/16423-iamgr3 "View iamgr3's Profile") - [ Offline](/forum/user/16423-iamgr3) Less More - Posts: 15 - Thank you received: 1 - - 12 years 6 months ago [\#152898](#152898) by [iamgr3](/forum/user/16423-iamgr3 "View iamgr3's Profile") Replied by *[iamgr3](/forum/user/16423-iamgr3 "View iamgr3's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152898 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Ah!!!!! Success!!!!! Thank You!!!!!!!! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")** - [![lionel75's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/11856-lionel75 "View lionel75's Profile") - [ Offline](/forum/user/11856-lionel75) Less More - Posts: 846 - Thank you received: 92 - - 12 years 6 months ago - 12 years 6 months ago [\#152981](#152981) by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile") Replied by *[lionel75](/forum/user/11856-lionel75 "View lionel75's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152981 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Hi a-- is there other predefine string that can be use instead prepare.content for do other things ? b--How plug in kow it must compute this code ? Does {specifictagpluginName} call the plug in or enable the plug in make it parse the data to find if there is some motif / occurence appear regard's here JHTML for plug in [ JHTML\_](http://stackoverflow.com/questions/18909420/what-is-jhtml) [ JHTML for link to css ](http://www.inmotionhosting.com/support/edu/joomla-25/create-template/files-jhtml) [ JHTML for js ](http://www.itoctopus.com/how-to-disable-mootools-in-joomla) Last edit: 12 years 6 months ago by [lionel75](/forum/user/11856-lionel75 "View lionel75's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[iamgr3](/forum/user/16423-iamgr3 "View iamgr3's Profile")** - [![iamgr3's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/16423-iamgr3 "View iamgr3's Profile") - [ Offline](/forum/user/16423-iamgr3) Less More - Posts: 15 - Thank you received: 1 - - 12 years 6 months ago [\#153004](#153004) by [iamgr3](/forum/user/16423-iamgr3 "View iamgr3's Profile") Replied by *[iamgr3](/forum/user/16423-iamgr3 "View iamgr3's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#153004 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Hello, I do not know of other predefined strings to use with JHTML. From your link, I can see that I would never have found this answer on my own because JHTML is a joomla class, which as I noted is over my head. One day I'll get there. The plugin that uses this code is AllVideos you can find it here: [ www.joomlaworks.net/support/docs/allvideos](http://www.joomlaworks.net/support/docs/allvideos). The plugin was enabled. Please note I did have to add a table header (th) to display description at the top. The code that was given by nicolas rendered the code properly. Hope this helps Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14269 - - 12 years 6 months ago - 12 years 6 months ago [\#152990](#152990) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#152990 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Hi, a. Not that I know of. The prepare.content is something specific to joomla. b. The JHTML::_ function triggers the onPrepareContent trigger of Joomla content plugins and each one look for its tags in the text that is given and if found, it deals with it. Last edit: 12 years 6 months ago by [Xavier](/forum/user/4105-xavier "View Xavier's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")** - [![abstractimagegroup's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32129.png)](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Topic Author - [ Offline](/forum/user/32129-abstractimagegroup) Less More - Posts: 37 - Thank you received: 0 - - [](http://www.abstractimagegroup.com/) - 12 years 5 months ago [\#154024](#154024) by [abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Replied by *[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#154024 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Hi, I have been trying to get this to work for over a week now. I really need help as my customer is becoming quite upset. ![:(](/media/kunena/emoticons/5.png ":(") --- Abstract Image Group \| Fulfilling all of your large format printing needs! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14269 - - 12 years 5 months ago [\#154034](#154034) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#154034 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* In order to help we need precise information on your problem since the information we already provided is already working for others. Please provide a screenshot of the code modifications you did and a link to the page where we can see the result. Then we should be able to tell you what you did wrong. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")** - [![abstractimagegroup's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32129.png)](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Topic Author - [ Offline](/forum/user/32129-abstractimagegroup) Less More - Posts: 37 - Thank you received: 0 - - [](http://www.abstractimagegroup.com/) - 12 years 5 months ago [\#154216](#154216) by [abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Replied by *[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#154216 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Here is the link to the page: [ 181.224.136.115/~accura84/index.php/prod...egory/22-mozart-gold](http://181.224.136.115/~accura84/index.php/products/category/22-mozart-gold) And the code file as well. *This attachment is hidden for guests. Please log in or register to see it.* --- Abstract Image Group \| Fulfilling all of your large format printing needs! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")** - [![abstractimagegroup's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32129.png)](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Topic Author - [ Offline](/forum/user/32129-abstractimagegroup) Less More - Posts: 37 - Thank you received: 0 - - [](http://www.abstractimagegroup.com/) - 12 years 5 months ago - 12 years 5 months ago [\#154218](#154218) by [abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Replied by *[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#154218 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* I was able to get the description in place. Thank you for that. However, now I need to get the "quantity" on top of the "add to cart" button, under the price. Thank you all so much for your help, I really appreciate it. --- Abstract Image Group \| Fulfilling all of your large format printing needs! Last edit: 12 years 5 months ago by [abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile"). Reason: mistake Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14269 - - 12 years 5 months ago [\#154224](#154224) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#154224 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Hi, You can do that with some custom CSS: Code: .hikashop_product_stock table tr, .hikashop_product_stock table td { display: block; float: left; } .hikashop_product_stock table tr:nth-child(1) td:nth-child(2){ margin-top: -9px !important; } .hikashop_product_stock table tr:nth-child(2) td{ margin-top: -88px !important; margin-left: 53px !important; } Based on the tests I made on your page, it looks like you want after adding that CSS. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")** - [![abstractimagegroup's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar32129.png)](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Topic Author - [ Offline](/forum/user/32129-abstractimagegroup) Less More - Posts: 37 - Thank you received: 0 - - [](http://www.abstractimagegroup.com/) - 12 years 5 months ago [\#154336](#154336) by [abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile") Replied by *[abstractimagegroup](/forum/user/32129-abstractimagegroup "View abstractimagegroup's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#154336 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* And should I be placing that code in my template custom css file? --- Abstract Image Group \| Fulfilling all of your large format printing needs! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14269 - - 12 years 5 months ago [\#154338](#154338) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Tweaking product display. CSS?](/forum/26-product-category-display/867431-tweaking-product-display-css#154338 "So I am fairly new at this and I think I have most of what I am trying to accomplish down however there are a few things I think I may need some help with. In this attachment, I would like to get the "product description" in the listing here as well. And I would also like to get the "price" to display on top of the "add to cart" button. I would also like to set the image there to "auto height" In this attachment, I would like set the image to display at 350 wide and auto height. Can anyone help me please. I have been combing through codes for days and I cant figure it out.")* Yes Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84Njc0MzEtdHdlYWtpbmctcHJvZHVjdC1kaXNwbGF5LWNzcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & 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.449 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)