table of clickable images to linked pages

Maybe this could inspire you:
https://www.themesandco.com/snippet/customizr-layout-examples/

That might just work! Could I ask a couple of what are probably basic questions before I dive in?
1. Can I make the images go to a URL within the site rather than to an image?

2. This part I don’t get:

Replace these images with images from your site. For each image:
Delete the [caption align= … [/caption] part of the html;
Put your cursor where you have just deleted;
Click the “Add Media” button (just above the editor buttons in your page edit screen).
Repeat for each image.

I don’t really see that in the code shown for the row of images. Not sure exactly what I’m deleting. I’m sure he abbreviated what to delete as it’s obvious, but I’m a little lost.

1. yes change the “href” attribute
<a href="https://lorempixel.com/600/400/nature/">
to
<a href="https://whatever.com/blablabla">
2. click the “Text” tab you’ll see that [caption ..]..[/caption]. Also when you add a new media you can set a custom url: Attachment Display Settings -> Link To -> Custom url

Great! I’ve got some images to create now!
One last thing. What controls the width of the table? Since it’s fluid do I control that just by the size of the images?

THANK YOU!!!!

Mmm nope, span4 or span3 controls the widht of each image.
Bootstrap layout:
https://www.themesandco.com/snippet/creating-a-column-layout-in-customizr/

Is there a rule of thumb(nail..ha!)to use on what size to make the images? Is larger better? I thought I would make them the exact size needed and go from there. I have no idea how wide the table needs to be. But I want it to be similar in size to the data feed above it with the products. I may have to search datafeedr to find out what size that is? Maybe trial and error will be the only way to figure this out?

If you want to replicate the same css of those shop product you better arm yourself with patience and .. https://www.themesandco.com/snippet/firebug-best-spent-6-minutes/

I need 3 rows. How do I add additional rows…or does it do it automatically?

Ok, here is what is happening. I’m kinda getting it to work, and it is working in preview mode. But once I upload and visit the page the data feed is the only thing there. I’m thinking the datafeed is loading over the images bar?

Here’s what the Html looks like:

<div class=”row-fluid”>
<div class=”span3″><img class=”alignnone size-full wp-image-291″ src=”https://saveongolf.net/wp-content/uploads/2014/05/hotlist120small.jpg&#8221; alt=”hotlist120small” width=”120″ height=”160″ /></div>
<div class=”span3″><img class=”alignnone size-full wp-image-293″ src=”https://saveongolf.net/wp-content/uploads/2014/05/drivers120small.jpg&#8221; alt=”drivers120small” width=”120″ height=”160″ /></div>
<div class=”span3″><img class=”alignnone size-full wp-image-294″ src=”https://saveongolf.net/wp-content/uploads/2014/05/irons120small.jpg&#8221; alt=”irons120small” width=”120″ height=”160″ /></div>
<div class=”span3″><img class=”alignnone size-full wp-image-295″ src=”https://saveongolf.net/wp-content/uploads/2014/05/putters120small.jpg&#8221; alt=”putters120small” width=”120″ height=”160″ /></div>
</div>
<!– .row-fluid –>

Mmm that code is correct, is there a way to see this page?

I also wrote to “Datafeedr”, who provides the datafeed for the products displayed on the page. (supposed to be above this table I’m creating.) and they wrote this back about the “problem”..

Datafeedr replaces all content of the page. So if you add text or images or anything to the “store” page content area, it will be replaced with the store.

To get around that, you will need to create a template file just for your store and add what you want directly to the template file.

More info on that:

https://codex.www.ads-software.com/Stepping_into_Templates
https://codex.www.ads-software.com/Template_Hierarchy

I see but I should have a datafeedr api key (not free), the plug-in and so on..

Replace these images with images from your site. For each image:
Delete the [caption align= ... [/caption] part of the html;

Thanks for pointing out the error, saveongolf. The [caption align= ... [/caption] only shows if your image had captions. If your images were inserted without captions, they will simply show as <a href="http ... </a>. I’ve updated the snippet to make it clearer.