Changing layout of _ProductBox.cshtml

Hello Community

I have several years of experience in programming asp.net with web forms and using tables for layouts. Now I am in the starting blocks to get familiar with mvc and cshtml, I went through the nopCommerce documentation.

Now I am looking at _ProductBox.cshtml and the styles.css but I don't get it how to change the arrangement of the elements.
My goal would be to align product-title, prices and buttons on one horizontal line.

Please give me a hint.

Thank you, Tis

Tis wrote:

For Default Nop:

~\Views\Shared\_ProductBox.cshtml

~\Themes\DefaultClean\Content\css\styles.css

For others theme:
~\Themes\{YourTmemeName}\Views\Shared\_ProductBox.cshtml

~\Themes\{YourTmemeName}\Content\css\styles.css

Hi sohel

Thank you for your answer. My problem was not to find those two files.

My problem is, I don't know wich changes I have to make in those files to get some elements one horizontal line.

So, I would be grateful for a hint.

Yours, Tis

Ok, I've got it.

There was no structured layout, that is it, what confused me :-).
I added some rows and columns. It looks fine now.

Tis

Sorry for beating the dead horse and replying here, but I would like to get some feedback on a nature of your project, if I may. What kind of website, is it, and what kind of products are you selling? Is using tables in certain commercial circles still popular?

I'm a junior frontend developer and myself think that html tables are an ancient construct which is too rigid and inflexible to use in modern fluid designs. ( Generally a common opinion I've noticed ) Also my employers specifically give me requirements where I am in the end forced to bascially deconstruct the Wishlist page because of the tables.