Post by pm-netti » Tue Dec 16, 2014 2:14 am

I would need to make small banners, in which part of the product files to be hidden. It seems that the height of the modules is one of the min-height, and I have not been able to change it.

This image, div 'caption' height is 20px, browser`s Insperactor show it height is 180px.

Attachments

farured.jpg

farured.jpg (31.42 KiB) Viewed 1471 times

Last edited by pm-netti on Wed Dec 17, 2014 12:15 am, edited 1 time in total.

User avatar
Active Member

Posts

Joined
Sat Apr 07, 2012 11:22 pm
Location - Kittilä, Finland

Post by Selective555 » Tue Dec 16, 2014 2:21 pm

Have you tried looking at the script yet in File Manager?

It appears as though a minimum height has been inserted into the script, and should be changed or removed.

Did you set the height for 20 in the Admin, but it is still showing 180 high?

Active Member

Posts

Joined
Wed Nov 26, 2014 1:29 pm

Post by pm-netti » Tue Dec 16, 2014 4:23 pm

@Selective555
Thanks your Reply.Image height is 76 px.

This problen indentifix:
Source of div caption in module featured:

Code: Select all

      <div class="caption sy-005">
        <h4><a href="http://localhost/~fujitsu/oc2011/index.php?route=product/product&product_id=40">iPhone</a></h4>
        <p></p>
                        <p class="price">
                    $123.20                                                </p>
     </div>
Css style:

Code: Select all

.sy-005{
        height:20px;
}
That 20px is exaggerated, but that height would be good to get down to 60 pixels.

Firefox inspector:

Attachments

featured.jpg

featured.jpg (42.75 KiB) Viewed 1452 times


User avatar
Active Member

Posts

Joined
Sat Apr 07, 2012 11:22 pm
Location - Kittilä, Finland

Post by Selective555 » Tue Dec 16, 2014 6:00 pm

Log into you web host "cPanel", then go to your "File Manager", then in your OpenCart directory, look for this file

Code: Select all

/admin/view/template/module/featured.tpl
Make a copy of it on your desktop before you mess with it, but I think you'll want to mess with it and see what it does to the Featured boxes you are looking at.

By scrolling through the script on that page, I saw this right away

Code: Select all

<div id="featured-product" class="well well-sm" style="height: 150px; overflow: auto;">
Try changing that "150" to "300" just to see what it does.
Then try changing it to "50" or whatever.

Just play with it, and the rest of the script on that page.

That one page should provide all the answers for you.

Active Member

Posts

Joined
Wed Nov 26, 2014 1:29 pm

Post by pm-netti » Tue Dec 16, 2014 7:25 pm

Selective555 wrote:Log into you web host "cPanel", then go to your "File Manager", then in your OpenCart directory, look for this file

Code: Select all

/admin/view/template/module/featured.tpl
Make a copy of it on your desktop before you mess with it, but I think you'll want to mess with it and see what it does to the Featured boxes you are looking at.

By scrolling through the script on that page, I saw this right away

Code: Select all

<div id="featured-product" class="well well-sm" style="height: 150px; overflow: auto;">
Try changing that "150" to "300" just to see what it does.
Then try changing it to "50" or whatever.

Just play with it, and the rest of the script on that page.

That one page should provide all the answers for you.
This change height of product box in admin site.

User avatar
Active Member

Posts

Joined
Sat Apr 07, 2012 11:22 pm
Location - Kittilä, Finland

Post by Selective555 » Tue Dec 16, 2014 8:45 pm

There must be a page then that controls the look for the shop then.

I'm not exactly sure where it is though, or perhaps it's on that page also and we are just over looking it.

Active Member

Posts

Joined
Wed Nov 26, 2014 1:29 pm

Post by pm-netti » Wed Dec 17, 2014 12:05 am

Selective555 wrote:There must be a page then that controls the look for the shop then.

I'm not exactly sure where it is though, or perhaps it's on that page also and we are just over looking it.
Issue is found in file stylesheet.css:

Code: Select all

.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}

User avatar
Active Member

Posts

Joined
Sat Apr 07, 2012 11:22 pm
Location - Kittilä, Finland

Post by Selective555 » Wed Dec 17, 2014 5:45 am

pm-netti wrote:
Selective555 wrote:There must be a page then that controls the look for the shop then.

I'm not exactly sure where it is though, or perhaps it's on that page also and we are just over looking it.
Issue is found in file stylesheet.css:

Code: Select all

.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
Thanks for posting this. I hate css style sheets and I never would have found it.

Active Member

Posts

Joined
Wed Nov 26, 2014 1:29 pm
Who is online

Users browsing this forum: No registered users and 211 guests