Post by jwreid » Sat May 06, 2017 7:43 am

I am using Opencart 1.5.6.4 with OpenShop Theme. I would like to adjust the right margins of the product name on the product page so that the name takes up about 3/4 the space rather than stretching across the top of the page. I have not been able to find an instance in my stylesheet.css other than .welcome setting but that controls more than just the product name nothing else seems obvious. Secondly, I need to accomplish this while not affecting the mobile view as this makes the words stack on top of one another. I attached a sample.Thank You.

Attachments

product_name.png

product_name.png (316.03 KiB) Viewed 2309 times


User avatar
Active Member

Posts

Joined
Sun Oct 27, 2013 6:27 pm
Location - Canada

Post by IP_CAM » Sat May 06, 2017 9:08 am

well, rename this file to:
limit_title_field_length_on_productpage.xml
again, and upload it to the VqMod/xml/... Sub.
You could change all those Values, to match best:
font-size:2em; font-weight:bold; width:60%
to have it done in a relatively easy way!
Good Luck ;)
Ernie

PS: Nice Layout, congratulations!

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by jwreid » Sat May 06, 2017 10:25 am

That was very kind of you. I have been working on it for quite some time I am hoping to launch in about a month. The xml file works awesome and I was able to get it pretty close for now, maybe a little more tweaking. There is still an issue with the mobile view stacking a bit though. Is there a way around this?

Attachments

mobile_product_name.png

mobile_product_name.png (312.93 KiB) Viewed 2283 times

product_name_fixed.png

product_name_fixed.png (345.62 KiB) Viewed 2283 times


User avatar
Active Member

Posts

Joined
Sun Oct 27, 2013 6:27 pm
Location - Canada

Post by IP_CAM » Sat May 06, 2017 11:51 am

well, I got to hit the bed, it's early in the morning, and I have no running shop with
an OpenShop Theme working at present. But basically, it just takes a css 'class', exactly
declaring the best matching settings within the different Media-Size Sections in the
bootstrap.css file, like:

Code: Select all

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
...
...
I'll have a look into in about 20 hours from now!!
Ernie

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by jwreid » Sat May 06, 2017 12:16 pm

Thanks Man!

User avatar
Active Member

Posts

Joined
Sun Oct 27, 2013 6:27 pm
Location - Canada

Post by jwreid » Mon May 08, 2017 8:09 am

Any luck with the bootstrap.css? If not, I can find a medium ground between the 2 views by adjusting fonts size and margins
Thanks!

User avatar
Active Member

Posts

Joined
Sun Oct 27, 2013 6:27 pm
Location - Canada

Post by IP_CAM » Mon May 08, 2017 9:40 am

Sorry, I was very busy, I forgot that it was saturday already... :drunk:
I will check on it within days, and I need to install a clean OpenShop Theme on a clean shop anyway !
Ernie

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by jwreid » Mon May 08, 2017 10:30 am

Thanks alot! whenever its convenient. I have plenty to do in the meantime.

User avatar
Active Member

Posts

Joined
Sun Oct 27, 2013 6:27 pm
Location - Canada

Post by IP_CAM » Mon May 15, 2017 6:12 am

Ok, I installed the default OpenShop Theme in a new v.1.5.6.5, and this is, what I did:
---
http://www.jti.li/shop/index.php?route= ... ct_id=1028
---
by changing the TITLE Line in the product.tpl
from:
<h1><?php echo $heading_title; ?></h1>
to:
<div class="title"><?php echo $heading_title; ?></div>
and in the stylesheet.css file, after this:
.breadcrumb{color:#CCCCCC;margin-bottom:10px;}
I added this:
.title{color:#CC0000;margin-top:10px;margin-bottom:10px;font-size:20px;display:block;min-width:300px;max-width:60%;}
---
whereby, any value could be changed, to exactly match your needs!
Good Luck ;)
Ernie

PS: Be aware, that VqMods, possibly using the 'heading-title' line as anchor-tag,
will have to be reworked, to match the changed line content, just in case ! :D

My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by jwreid » Mon May 15, 2017 12:11 pm

Thank you very much! I can see it works great I just need to play around with the values. Wow, you evidently have a very good understanding of how all the little details work with Opencart. I have been working at this since 2013 and although I have learned an immense amount of information, coming up with coding to solve a problem is not a strong part of my experience here. Anyways, Can I get permission to private message you as I am going to be launching sometime in June hopefully and I want to ask you something pertaining to that.

User avatar
Active Member

Posts

Joined
Sun Oct 27, 2013 6:27 pm
Location - Canada
Who is online

Users browsing this forum: No registered users and 36 guests