Zen Cart Logo
trapezoid-twopenny
Open navigation menu
Home Community Forum Plugins
Documentation
For Developers For Storeowners
Services Donate Get Started
Forums / Templates, Stylesheets, Page Layout / EZ Page Layout

EZ Page Layout

Results 1 to 11 of 11
31 Mar 2016, 20:21
#1
seanobr88 avatar

seanobr88

New Zenner

Join Date:
Mar 2016
Posts:
12
Plugin Contributions:
0

EZ Page Layout

Hello everyone!

I am looking for some help with setting up a layout on an EZ Page. I am looking to add pictures, that include links to external pages (I know how to do that). The problem I am running into is that I want these pictures (12 of them) to be in 3 rows of 4. Right now, all 12 pictures are posted horizontally and quite large. anyone know the HTML so I can format this so that the pictures appear in rows?

I know it can be done, as that is how it was previously done, however, someone tried to do this update themselves, and erased the code when trying to add new pictures.

Any help would be appreciated!
31 Mar 2016, 22:31
#2
seanobr88 avatar

seanobr88

New Zenner

Join Date:
Mar 2016
Posts:
12
Plugin Contributions:
0

Re: EZ Page Layout

Update:
I've used: <div class="row"> <div class="col-md-3 col-sm-4 col-xs-6"> to put them in sort of rows.

What i mean by that is I have images:
1 5
2 6
3 7
4 8

When I really want images:
1 2 3 4
5 6 7 8

What am I missing?
31 Mar 2016, 22:54
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Posts:
31,500
Plugin Contributions:
4

Re: EZ Page Layout

What is your markup in your ez page for these images?
01 Apr 2016, 12:05
#4
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: EZ Page Layout

Seanobr88:

Update:
I've used: <div class="row"> <div class="col-md-3 col-sm-4 col-xs-6"> to put them in sort of rows.

Looks like you are using bootstrap markup, have you loaded bootstrap stylesheet?
You should rename it to stylesheet_bootstrap.css, and load it in YPOUR_TEMPLATE/css folder.
05 Apr 2016, 21:32
#5
seanobr88 avatar

seanobr88

New Zenner

Join Date:
Mar 2016
Posts:
12
Plugin Contributions:
0

Re: EZ Page Layout

Thanks for the replies; I am using bootstrap. I've got the items to appear in the right order, now I'm facing a new problem - the 4th item isn't aligned (The first 3 are aligned, the 4th droops down). Any ideas on what I'm doing wrong?

<div class="row">
<div class="col-md-3 col-sm-4 col-xs-6"><a href="website#1/"><img src="image#1.jpg"></a></div>
<div class="col-md-3 col-sm-4 col-xs-6"><a href="website#2/"><img src="image#2.jpg"></a></div>
<div class="col-md-3 col-sm-4 col-xs-6"><a href="website#3/"><img src="image#3.jpg"></a></div>
<div class="col-md-3 col-sm-4 col-xs-6"><a href="website#4/"><img src="image#4.jpg"></a></div>
</div>
05 Apr 2016, 22:54
#6
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: EZ Page Layout

A link to the site would help.

What resolution are you looking at it, the col-sm-4 would force the 4th to drop, try removing it, and see how it works.
06 Apr 2016, 14:18
#7
seanobr88 avatar

seanobr88

New Zenner

Join Date:
Mar 2016
Posts:
12
Plugin Contributions:
0

Re: EZ Page Layout

My apologies, I thought I included the link in the last post. Trying to do too many things at once.

Here is the link: http://www.bellablvd.net/shop/index.php?main_page=page&id=23&chapter=4

I removed the col-sm 4 with no change.

Thanks again for your help!
06 Apr 2016, 17:41
#8
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: EZ Page Layout

I thought it dropped to the next row ...
Anyhow try removing   from the markup
i.e.
<div class="row"> 

BTW do you need to load such large images?
06 Apr 2016, 17:50
#9
seanobr88 avatar

seanobr88

New Zenner

Join Date:
Mar 2016
Posts:
12
Plugin Contributions:
0

Re: EZ Page Layout

Hi,

Yeah that is what she is looking for. Four larger images on each row. Ugh, I feel like an idiot...it was the   that was causing the problem. I don't know if it's a normal Zen Cart issue, but it seems every time I do the EZ Pages, and go into HTML, those will randomly appear.

THANK YOU SO MUCH!
06 Apr 2016, 18:35
#10
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Posts:
31,500
Plugin Contributions:
4

Re: EZ Page Layout

keneso:

BTW do you need to load such large images?

Seanobr88:

Yeah that is what she is looking for.

I think that he was referring to the size of the images not only the physical size but also the bytes size

732.39 KB
1,050px × 1,275px (scaled to 263px × 319px)
06 Apr 2016, 18:37
#11
seanobr88 avatar

seanobr88

New Zenner

Join Date:
Mar 2016
Posts:
12
Plugin Contributions:
0

Re: EZ Page Layout

Ahh gotcha. I don't do the image uploading (yet) so all I do is work with what I am given. But yeah; that is quite large!