Tweaking product display. CSS?

  • Posts: 37
  • Thank you received: 0
11 years 4 months ago #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.

Abstract Image Group | Fulfilling all of your large format printing needs!
Attachments:
Last edit: 11 years 4 months ago by abstractimagegroup. Reason: missing image

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

  • Posts: 37
  • Thank you received: 0
11 years 4 months ago #152156

Abstract Image Group | Fulfilling all of your large format printing needs!
Attachments:

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

  • Posts: 84293
  • Thank you received: 13693
  • MODERATOR
11 years 4 months ago #152198

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 or Create an account to join the conversation.

  • Posts: 37
  • Thank you received: 0
11 years 4 months ago #152323

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.

Abstract Image Group | Fulfilling all of your large format printing needs!
Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
11 years 4 months ago #152325

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 or Create an account to join the conversation.

  • Posts: 15
  • Thank you received: 1
11 years 4 months ago #152865

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.


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?

Attachments:

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

  • Posts: 84293
  • Thank you received: 13693
  • MODERATOR
11 years 4 months ago #152876

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 or Create an account to join the conversation.

  • Posts: 15
  • Thank you received: 1
11 years 4 months ago #152898

Ah!!!!! Success!!!!! Thank You!!!!!!!!

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

  • Posts: 846
  • Thank you received: 92
11 years 4 months ago #152981

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_
JHTML for link to css
JHTML for js

Last edit: 11 years 4 months ago by lionel75.

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

  • Posts: 15
  • Thank you received: 1
11 years 4 months ago #153004

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 .

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 or Create an account to join the conversation.

  • Posts: 84293
  • Thank you received: 13693
  • MODERATOR
11 years 4 months ago #152990

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: 11 years 4 months ago by Xavier.

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

  • Posts: 37
  • Thank you received: 0
11 years 4 months ago #154024

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. :(

Abstract Image Group | Fulfilling all of your large format printing needs!

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

  • Posts: 84293
  • Thank you received: 13693
  • MODERATOR
11 years 4 months ago #154034

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 or Create an account to join the conversation.

  • Posts: 37
  • Thank you received: 0
11 years 4 months ago #154216

Here is the link to the page:
181.224.136.115/~accura84/index.php/prod...egory/22-mozart-gold

And the code file as well.

File Attachment:

File Name: h708fb83.txt
File Size:12 KB

Abstract Image Group | Fulfilling all of your large format printing needs!
Attachments:

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

  • Posts: 37
  • Thank you received: 0
11 years 4 months ago #154218

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: 11 years 4 months ago by abstractimagegroup. Reason: mistake

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

  • Posts: 84293
  • Thank you received: 13693
  • MODERATOR
11 years 4 months ago #154224

Hi,

You can do that with some custom CSS:

.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 or Create an account to join the conversation.

  • Posts: 37
  • Thank you received: 0
11 years 4 months ago #154336

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 or Create an account to join the conversation.

  • Posts: 84293
  • Thank you received: 13693
  • MODERATOR
11 years 4 months ago #154338

Yes

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

Time to create page: 0.135 seconds
Powered by Kunena Forum