Post by justeezin » Fri Jun 24, 2016 4:28 am

I have a lot of color options for our shirt site and when I set it to image, all of the images are one single column. Is there a way to set it so we have 2 or 3 columns in order to reduce the length of the page. We are running 2.2.0.0 with the default template. Any help will be great.

Thank you.

Newbie

Posts

Joined
Thu Jun 23, 2016 6:41 am

Post by IP_CAM » Fri Jun 24, 2016 9:21 am

I would check around here for such:
http://www.opencart.com/index.php?route ... %20options

Ernie

My Github OC Site: https://github.com/IP-CAM
5'600 + 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 viethemes » Fri Jun 24, 2016 11:56 pm

justeezin wrote:I have a lot of color options for our shirt site and when I set it to image, all of the images are one single column. Is there a way to set it so we have 2 or 3 columns in order to reduce the length of the page. We are running 2.2.0.0 with the default template. Any help will be great.

Thank you.
Could you provide your site URL so we can take a look at the problem closer?

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by justeezin » Sat Jun 25, 2016 7:03 am

viethemes wrote:
justeezin wrote:I have a lot of color options for our shirt site and when I set it to image, all of the images are one single column. Is there a way to set it so we have 2 or 3 columns in order to reduce the length of the page. We are running 2.2.0.0 with the default template. Any help will be great.

Thank you.
Could you provide your site URL so we can take a look at the problem closer?

Our site is justeezin.com

Newbie

Posts

Joined
Thu Jun 23, 2016 6:41 am

Post by viethemes » Mon Jun 27, 2016 12:03 am

To do that you can install my free extension Custom CSS and add below code

Code: Select all

.form-group {
	overflow: hidden;
}

.form-group .control-label {
	display: block;
}

.form-group .radio {
	float: left;
	width: 30%;
}

.form-group .radio+.radio {
	margin-top: 10px;
}

.form-group .radio img {
	display: block;
}

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm


Post by ostechnologies » Mon Jun 27, 2016 2:20 pm

You can also try out this extension:
http://www.opencart.com/index.php?route ... n_id=24769

It may take care of your requirement.

Opencart Expert | sales[at]ost.agency
Skype - manish.osuniverse | Gtalk - manishmt

Extensions for Opencart @ https://www.ost.agency/product/product- ... extensions
ost.agency - ecommerce website design, development and digital company


User avatar
Active Member

Posts

Joined
Mon Apr 06, 2015 1:30 pm

Post by justeezin » Mon Jun 27, 2016 11:20 pm

viethemes wrote:To do that you can install my free extension Custom CSS and add below code

Code: Select all

.form-group {
	overflow: hidden;
}

.form-group .control-label {
	display: block;
}

.form-group .radio {
	float: left;
	width: 30%;
}

.form-group .radio+.radio {
	margin-top: 10px;
}

.form-group .radio img {
	display: block;
}
That worked great! Thank you. If I wanted to change it so that there are four columns is there something in the code that you supplied that can make that change or would I have to change the width of the page and the template?

Thank you again,
Eric

Newbie

Posts

Joined
Thu Jun 23, 2016 6:41 am

Post by cyclops12 » Mon Jun 27, 2016 11:48 pm

i would think you could change
.form-group .radio ......width :30%

to
width: 25%

im sure viethemes will pop up and let you know for sure

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by viethemes » Tue Jun 28, 2016 12:54 am

@justeezin you can follow the guide of @cyclops12 which will help you :)

http://www.viethemes.com - OpenCart turtorials, news, tips and stricks, extension

Our extensions:
Visual Theme Editor - Powerful tool for customizing style of any theme visually
Live Theme Editor - Customize layout, colors, backgrounds, fonts of the default theme
Theme Animation - Animation Editor for any theme

Extra Positions PRO, Custom JavaScript, Custom CSS and others


User avatar
Active Member

Posts

Joined
Thu Jan 08, 2015 12:17 pm

Who is online

Users browsing this forum: No registered users and 9 guests