davy_yg's avatar
Level 27

Ecommerce List View

List View:

https://drive.google.com/file/d/1Tmm1RnRQUHmcdDcCZ6u9OktZetifSxFx/view?usp=sharing\

I am trying to organize the text which both the title and the content should be next to the image file.

Any idea how to do so? Here is my codes:

catalog-list.php

    <div class="col-md-9">
	<a href="prod_detail.php"><img class="img-fluid" src="images/catalog/prod.jpg"></a>

	PRODUCT1<br>

	Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.


	<br><br>
	<span class="prod"><a href="prod_detail.php"></a></span>
	<img style="float: right; margin-top: -15px;" src="images/catalog/wishlist.jpg"><br><br>
	<span class="price">Rp. 325.000</span><br><br>
	<div class="orange-star"></div><br><br><br><br>
0 likes
3 replies
SilenceBringer's avatar
Level 55

@davy_yg apply appropriate classes. Read the docs of css framework you use (bootstrap?)

Or do you want us to do this work for you?

Really - it's basics. Read the docs.

At least - you use <div class="col-md-9"> so, any knowledge about grid system? insert new .row and split screen

Please or to participate in this conversation.