Layout product

  • Posts: 60
  • Thank you received: 0
10 years 3 months ago #202852

-- url of the page with the problem -- : www.swib.nl/index.php/component/hikashop...t-foto-tips?Itemid=0
-- HikaShop version -- : Business
-- Joomla version -- : 3.4.1.
-- PHP version -- : 5.5.18
-- Browser(s) name and version -- : Chrome

How can I change the layout:



I want the orange part next to the photo.
I want the yellow part exactly under the photo.
Thanks in advance

Attachments:

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

  • Posts: 846
  • Thank you received: 92
10 years 3 months ago #202858

hi
need time to study ( I remove all my comments) .
regards

Attachments:
Last edit: 10 years 3 months ago by lionel75.

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

  • Posts: 60
  • Thank you received: 0
10 years 3 months ago #202869

Thank you, but I don't really understand. Is the second (yellow part) also that difficult? The phrase needs 4 spaces and than has to start. I hope you understand me...................

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

  • Posts: 846
  • Thank you received: 92
10 years 3 months ago #202878

Hi
Nothing is easy with MQ ( custom width) that mix % and px , width content and around ( border padding margin) .
The question must give information in wich range of MQ ( mediaquery) do you want that text is align in the right side of the photo .

regard's
( best it take a paper and study behaviour for each selector for each breakpoint )

Attachments:
Last edit: 10 years 3 months ago by lionel75.

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

  • Posts: 26274
  • Thank you received: 4045
  • MODERATOR
10 years 3 months ago #202874

Hi,

It already displays like that by default.

The issue is that your template has a column on the right area for modules and there is an empty module displayed there because it's not totally empty and thus the main area doesn't have enough width to display the left and right parts on the same row.
The best would be to remove that almost empty module to get enough width for the main area.
If that's not enough, then some simple CSS will allow you to force the width of the right area to move it on the same row as the left area, as lionel75 explained.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 60
  • Thank you received: 0
10 years 3 months ago #202904

That's a pity, I wanted to try it again with the comments of lionel75, but now it's disappeared.
I can't help it, I don't understand. The other problem is that my technical english is not very well. :sick:
I thought this was a forum for everyone .....................

Last edit: 10 years 3 months ago by Swib.

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

  • Posts: 846
  • Thank you received: 92
10 years 3 months ago #202905

HI
if you look at my last capture screen , the empty column is mx-maincol and go to 22% (red vertical line 100%-78% white area ) to 0% (100-100) . This column is use by others pages but the page we talk about . This area can be use for have more place but the image is a second issue ( outside it's container ) . mx prefix seem to be use for build mediaqueries .

For use the empty space , the change must be doone in the template because there is no module in that position and with a if the html tag must be remove

regard's

Last edit: 10 years 3 months ago by lionel75.

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

  • Posts: 60
  • Thank you received: 0
10 years 3 months ago #203376

In the bootstrap-responsive.min.css i could change something.: www.bridgekroegentochtbreukelen.nl/swib/...-spaanse-conversatie

.

That was rather simple. Now I need to place the text at the same top as the image.


I don't now where I can change tis.
Please just as simple ;)

Attachments:

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

  • Posts: 26274
  • Thank you received: 4045
  • MODERATOR
10 years 3 months ago #203403

Hi,

See the documentation for the CSS overriding : www.hikashop.com/support/support/documen...ize-the-display.html
Because your image is too big regarding the block (and does not have overflow management), you have that result.
You can add your margin on the div with the id "hikashop_product_right_part" (or on the "hikashop_product_left_part") if you want to adjust the block ; by overriding the CSS you can add the CSS rules you want.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 60
  • Thank you received: 0
10 years 3 months ago #203460

Thank you, but the link doesn't work.

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

  • Posts: 60
  • Thank you received: 0
10 years 3 months ago #203464

It is a pity you don't understand me...................... The image is smaller now and that's ok. Now i want the text right to the image at the top, equal at the top of the image....................



In which file can i chhangethis?

Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
10 years 3 months ago #203466

Hi,

The link is working perfectly, but you have to click on it, or right click to copy the link and not do a copy directly because as you can see the forum is cutting the links, three dots are present in the url.

Then, regarding your issue, the link given will help you. The view to edit is "product / show_default", in that view you should find "<br />" tags, so please remove them.

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

Time to create page: 0.124 seconds
Powered by Kunena Forum