Help I Want My Product Page To Look Like This...

  • Posts: 21
  • Thank you received: 0
10 years 7 months ago #188654

-- HikaShop version -- : 2.3.5
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.4.31

I need help to move some stuff around on my product display page and included a screen shot of how it currently looks and how I would like it to look.

How can I achieve this?

Thanks in advance.

Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
10 years 7 months ago #188692

Hi,

First of all I guess that you have selected the layout "show_tabular", in your case the "show_default" one seems to be more appropriate. In Configuration > Display > Default parameters for products > Layout on product page please select "default".

Then to move the elements like you want I recommend the following tutorial:
www.hikashop.com/support/support/documen...ize-the-display.html

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

  • Posts: 1
  • Thank you received: 0
10 years 7 months ago #189383

sorry

Last edit: 10 years 7 months ago by sjimmy78.

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

  • Posts: 21
  • Thank you received: 0
10 years 7 months ago #189432

You might want to start your own thread instead of hijacking mine.

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

  • Posts: 84304
  • Thank you received: 13698
  • MODERATOR
10 years 7 months ago #189435

Hi,

@sjimmy78 :
I've checked your website but I don't see the problem:
take.ms/YGxbE
It was probably an issue with the size of the image or the CSS on your website but since I don't see the issue, I suppose that you already found the solution.

And yes, opening a new thread is a good idea when the issue is not directly the same.

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

  • Posts: 21
  • Thank you received: 0
10 years 7 months ago #189471

One last question... See the attached screenshot... How do I add my module class suffix " well" to the products on the page shown? I want it in a container like you see the "Other Products You May Like" are in below. This is an established module class suffix I already have in place called " well"

Thank you

Attachments:

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

  • Posts: 21
  • Thank you received: 0
10 years 7 months ago #189474

I understand editing the display views but have no idea how I should go about adding the ADD TO CARD (product/show_quantity) under the image thumbnail (product/show_block_img)

It all is confusing beyond belief!

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

  • Posts: 21
  • Thank you received: 0
10 years 7 months ago #189481

Another question regarding my site: Please see the attachment ....

Where the red arrows are... Why is the CHECK BOX not lined up with the TEXT.... the check box is sitting above the text. Confusing. How do I fix?

Where I made the red squiggly lines on the login boxes why is there so much space between the text Username and the box? I want that space gone. How?

Attachments:

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

  • Posts: 84304
  • Thank you received: 13698
  • MODERATOR
10 years 7 months ago #189517

Hi,

1. A module class suffix is to be added to a module in the modules manager of Joomla when you edit a module.
The product page is not a module. It is displayed by your template in the main area of your template, so you can't add a module class suffix to it.
What you can do however is to add the same CSS that you added for the class well to the class hikashop_product_page and then you'll get the same thing displayed. You can add such CSS in your Joomla template or in the HikaShop frontend CSS as explained in the link Xavier gave you earlier.

2. There is no need to edit any product view file for that. Again, that's something you can do with CSS that you can add on your website. Probably something around those lines:
#hikashop_product_left_part{ width :100% !important; }

3. That's probably coming from the CSS of your template as we don't have the problem on our end. Unfortunately, the link that you had provided in your first message doesn't work anymore so I couldn't look at the issue on your website.

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

  • Posts: 21
  • Thank you received: 0
10 years 7 months ago #189585

Sorry the link to the live site is now: www.ucanfixit.ca

I'd appreciate you giving me a suggestion on the check boxes since I can't figure it out.

Last edit: 10 years 7 months ago by ucan.

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

  • Posts: 84304
  • Thank you received: 13698
  • MODERATOR
10 years 7 months ago #189658

Hi,

It comes from the CSS:
label {
display: block;
margin-bottom: 5px;
}
of the file www.ucanfixit.ca/templates/protostar/css/template.css of your template. Remove that code and you won't have the problem.

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

  • Posts: 21
  • Thank you received: 0
10 years 7 months ago #189764

That worked awesome! Thank you for that!

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

Time to create page: 0.079 seconds
Powered by Kunena Forum