Prev - listing - next buttons

Can someone please tell me how to spread the Prev - listing - next buttons, in my other shop i have a button on the left the middle and on the right. Not all together in the middle. Thank you all in advance

Find the section below in your stylesheet and adjust it for your taste.

.navNextPrevList {
margin: 0;
padding: 0 0.8em 0 0.8em; /* adjust it */
list-style-type: none;
}

.

Thank you very much. Would you also know how to change the sort order of all the things in the product info display? Thanks heaps again

If you mean you want to change the positions of the contents in the Product Info Page.
And you don't mod it before.

Copy the file below:
/includes/templates/template_default/templates/tpl_product_info_display.php

And save it to your override directory:
/includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

And in the new copied file, you can move the sections around.
And each section is already marked with:

<!--bof SECTION Name-->

.... SECTION CONTENTS ...

<!--eof SECTION Name-->

e.g.
for the Product Name

<!--bof Product Name-->
<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
<!--eof Product Name-->

.

thank you again. My a color and size attributes are too far apart. One is under the other. I thought there might be a way of how to bring them closer to each ohter. So that sizes is right above color?

For this kind of issue, provide a url to peek of will be better.

.

http://flirtforhim.com/cart/index.php?main_page=product_info&cPath=4&products_id=1

i want the size to be closer to the color, under or to the side it doesnt matter

Thank you again

From page source of your site, it may be missing the <br class="clearBoth" /> in the section of

,or in other sections.

I had tried to insert the <br class="clearBoth" /> in the following and it seems improve the problem.

<!--bof Add to Cart Box -->

...

<!--eof Add to Cart Box--> <!--bof Product details list --> <!--eof Product details list -->

<br class="clearBoth" />

<!--bof Attributes Module -->

...

</div><!--eof Attributes Module -->

And if you had modified the file, you may check that if the modifications are correct made.

I am sorry where do i add that to? I am not really sure what page?

Still within the override file of above file tpl_product_info_display.php.

In line no. 124,
the original file already have the <br class="clearBoth" /> in there,
it near the end of the section below (line no. 116 -128 in v1.3.5 ).
May be it has been altered while modifications.

<!--bof Product details list  -->
<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
<ul id="productDetailsList" class="floatingBox back">
  <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT .  $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
</ul>
<br class="clearBoth" />
<?php
  }
?>
<!--eof Product details list -->

And one thing it should be noticed, check your stylesheets for any corruptions.
As from viewing your stylesheet_original.css, I got incorrect and double items.
e.g.
in the end of the file, I have:

/* attribute images table /
TABLE.products-attributes-images {
/ width: 80%; /
/ border: 1px solid #9a9a9a; /
float: left;
padding: 2px;
}n: none; / what is this??? */
}
SPAN.category-subs-selected {
font-weight: bold;
color: #FF9600;
}

/* attribute images table /
TABLE.products-attributes-images {
/ width: 100%; /
/ border: 1px solid #9a9a9a; */
float: left;
padding: 2px;
}

Hi again i have tried to uderstand what you sugested to check, and it all seems to be fine to me. You seem to know quiet alot and i was wondering if this is what you do for a living and if you were interested in fixing this little problem for me? I am quiet happy to pay you for your time if you let me know how? Thank you very much again. my email if [email protected]

Thanks for your offers! :smile:

However, the credits are for the Dev Team of Zen Cart. As they are working very hard and provide the software free for us.

Please donate to the Zen Cart Team!
And if my help worth then also donate them all to the Zen Cart Team too. :smile:

Return to you issue:
The quick fix is as had mentioned above, try to insert the <br class="clearBoth" /> to the file.

Suggest to modify, copy the following file
includes/templates/template_default/templates/tpl_product_info_display.php

And save the file to your override directory as
includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

Then modify the copied file and in line no. 116 - 130,
it has the following:

<!--bof Product details list  -->
<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
<ul id="productDetailsList" class="floatingBox back">
  <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT .  $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
</ul>
<br class="clearBoth" />
<?php
  }
?>
<!--eof Product details list -->

<!--bof Attributes Module -->

Please note in line no. 124, it has: <br class="clearBoth" />
and in line no. 129, it has a blank line.
And We only need to move the line no. 124 to the line no. 129 (the blank line).

And then it should read as:

<!--bof Product details list  -->
<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
<ul id="productDetailsList" class="floatingBox back">
  <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT .  $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
</ul>

<?php
  }
?>
<!--eof Product details list -->
<br class="clearBoth" />
<!--bof Attributes Module -->

After this, will solve the extra spaces for attribute options.

Beause of the <br class="clearBoth" /> itself also create space. Therefore, for further improve and minimize the space created by <br class="clearBoth" /> which will affect other areas.

In the css, modify the below section

.clearBoth {
	clear: both;
	}

Add one line for line-height and read as follow.

.clearBoth {
	clear: both;
	line-height: 0;  /* To reduce blank space affect other areas */
	}

Hope this helps.

Thank you so ever much for your help. It worked out for me. :yes: