[Skip to main content](#vessel-content)

#   Moving Add to Cart Button on Product Listing

##

- **[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")**
- [![shamrockshirts's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-12-16.jpg)](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile") Topic Author
- [ Offline](/forum/user/9674-shamrockshirts)

Less More

- Posts: 73
- Thank you received: 0
-
-

13 years 5 months ago -  13 years 5 months ago [\#103145](#103145) by [shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")  *[Moving Add to Cart Button on Product Listing](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103145 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")* was created by *[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")*

I would like to move the Add to Cart button on my product listing down to create a space between the PRICE_WITH_OPTIONS text. Could you tell me how to do this?

Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.

Thanks very much for your help.

[ ![move&#95;cartbutton.jpg](/forum/attachment/10060) ](/forum/attachment/10060 "...cartbutton.jpg")

- [ ![move&#95;cartbutton.jpg](/forum/attachment/10060) ](/forum/attachment/10060 "...cartbutton.jpg") [ ](/forum/attachment/10060?download=1 "...cartbutton.jpg")

Last edit: 13 years 5 months ago by [shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile"). Reason: Change to question

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

13 years 5 months ago [\#103160](#103160) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103160 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

That's the way the variants system works. For each product you can have different variants selected. So each product can have different variants setup.
If all the products have the same variants then maybe it means that you don't want to use variants but maybe custom item fields or options which would display the same but would be updated for all the products if you add a new value to them.
I see that the price can change based on the selection of the characteristics, so custom item fields won't help you here as you can't change the price based on the custom field selection. But options can do that. You set the price of each value of the option and then you set a base price for each product and based on the selection of the options the price will increase accordingly.

Note that we're also working on a mass action system which will allow you to more easily manage modifications on several products/variants at once so that could help you manage your variants/products in the future.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")**
- [![shamrockshirts's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-12-16.jpg)](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile") Topic Author
- [ Offline](/forum/user/9674-shamrockshirts)

Less More

- Posts: 73
- Thank you received: 0
-
-

13 years 5 months ago [\#103171](#103171) by [shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")  Replied by *[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103171 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

Thanks for the info Nicolas, I have set up a product using options instead of characteristics as a test, and it seems to almost do what I want. Much better than previous efforts anyway!

Could you tell me how to move the add to cart button and add the text, as in my earlier post? Thank you.

Also, several of my customers have commented on how slowly my product details pages load. Is there anything I can change to speed them up?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

13 years 5 months ago [\#103241](#103241) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103241 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

You can edit the file "quantity" via the menu Display-&gt;Views and add your text at the end and &lt;br/&gt; tags at the beginning for that.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")**
- [![shamrockshirts's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-12-16.jpg)](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile") Topic Author
- [ Offline](/forum/user/9674-shamrockshirts)

Less More

- Posts: 73
- Thank you received: 0
-
-

13 years 5 months ago [\#103246](#103246) by [shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")  Replied by *[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103246 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

I don't really understand, sorry I'm not a programmer. I know the file you are referring to, but could you detail exactly what I need to add and where within the file to put it?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

13 years 5 months ago [\#103254](#103254) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103254 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

I already told you exactly what to add and where : Code:

add your text at the end and &lt;br/&gt; tags at the beginning

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")**
- [![shamrockshirts's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-12-16.jpg)](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile") Topic Author
- [ Offline](/forum/user/9674-shamrockshirts)

Less More

- Posts: 73
- Thank you received: 0
-
-

13 years 5 months ago [\#103259](#103259) by [shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")  Replied by *[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103259 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

And how will that move the add to cart button down?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")**
- [![shamrockshirts's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-12-16.jpg)](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile") Topic Author
- [ Offline](/forum/user/9674-shamrockshirts)

Less More

- Posts: 73
- Thank you received: 0
-
-

13 years 5 months ago [\#103260](#103260) by [shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")  Replied by *[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103260 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

I have added the line of text, and the add to cart button is now very cramped.

Could you please explain how to add space above and below the button? If it's not too much trouble.

Thank you.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86321
- Thank you received: 14279
-
-

13 years 5 months ago [\#103264](#103264) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103264 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

The &lt;br/&gt; tag is a HTML tag which is used to add spaces between other HTML elements, so if you add it at the beginning of the quantity file as I said it will increase the space between what is before and the button.
You can also add one before your text at the end to add a space between the button and the text.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")**
- [![shamrockshirts's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-12-16.jpg)](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile") Topic Author
- [ Offline](/forum/user/9674-shamrockshirts)

Less More

- Posts: 73
- Thank you received: 0
-
-

13 years 5 months ago [\#103266](#103266) by [shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")  Replied by *[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103266 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

Thank you very much, I will give that a try.

One last problem, I need to have 3 images within my product listing. In the past I have only ever had one. But, when I add two extra images, I was expecting them to be small thumbnails under the main product image, however they are displayed as the same size as the main product image, and the main product image is repeated. Could you please tell me how to fix this?

Here is the link:

[ www.shamrockshirts.com.au/index.php/deca...se-test-product-only](http://www.shamrockshirts.com.au/index.php/decals/product/269680-do-not-purchase-test-product-only)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")**
- [![shamrockshirts's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-12-16.jpg)](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile") Topic Author
- [ Offline](/forum/user/9674-shamrockshirts)

Less More

- Posts: 73
- Thank you received: 0
-
-

13 years 5 months ago [\#103272](#103272) by [shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")  Replied by *[shamrockshirts](/forum/user/9674-shamrockshirts "View shamrockshirts's Profile")* on topic *[Correct Product Configuration for Variants?](/forum/2-general-talk-about-hikashop/81618-moving-add-to-cart-button-on-product-listing#103272 "I would like to move the Add to Cart button on my product listing down to create a space between the PRICE&#95;WITH&#95;OPTIONS text. Could you tell me how to do this?  Also, is it possible to add a line of text under the Add to Cart button? I would like a single sentence as in the screenshot attached.  Thanks very much for your help.")*

Never mind .... I figured it out.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgxNjE4LW1vdmluZy1hZGQtdG8tY2FydC1idXR0b24tb24tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.137 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
