[Skip to main content](#vessel-content) # Shop Cart button css ## - **[Marga](/forum/user/620-marga "View Marga's Profile")** - [![Marga's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/620-marga "View Marga's Profile") Topic Author - [ Offline](/forum/user/620-marga) Less More - Posts: 23 - Thank you received: 0 - - 15 years 9 months ago [\#5179](#5179) by [Marga](/forum/user/620-marga "View Marga's Profile") *[Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5179 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* was created by *[Marga](/forum/user/620-marga "View Marga's Profile")* Hi ![:)](/media/kunena/emoticons/8.png ":)") Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 15 years 9 months ago [\#5180](#5180) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5180 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* What do you mean by at the bottom of the page ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Marga](/forum/user/620-marga "View Marga's Profile")** - [![Marga's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/620-marga "View Marga's Profile") Topic Author - [ Offline](/forum/user/620-marga) Less More - Posts: 23 - Thank you received: 0 - - 15 years 9 months ago - 15 years 9 months ago [\#5181](#5181) by [Marga](/forum/user/620-marga "View Marga's Profile") Replied by *[Marga](/forum/user/620-marga "View Marga's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5181 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* Hi Nicolas Thank you for you're help at moment the layout order is "Price" "add to cart" "description text" I want it the layout to be "Price" "description text" "add to cart" Many Thanks and Kind Regards Charles Last edit: 15 years 9 months ago by [Marga](/forum/user/620-marga "View Marga's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Marga](/forum/user/620-marga "View Marga's Profile")** - [![Marga's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/620-marga "View Marga's Profile") Topic Author - [ Offline](/forum/user/620-marga) Less More - Posts: 23 - Thank you received: 0 - - 15 years 9 months ago - 15 years 9 months ago [\#5183](#5183) by [Marga](/forum/user/620-marga "View Marga's Profile") Replied by *[Marga](/forum/user/620-marga "View Marga's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5183 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* So the <div id="hikashop_product_right_part"> "add to cart" <div> <div id="hikashop_product_bottom_part"> Porduct info text <div> I want be this way <div id="hikashop_product_right_part"> "Product info text" <div> <div id="hikashop_product_bottom_part"> "add to cart" <div> Last edit: 15 years 9 months ago by [Marga](/forum/user/620-marga "View Marga's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 15 years 9 months ago [\#5184](#5184) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5184 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* That can't be done in CSS. You need to edit the view handling that via the menu Display->Views. You didn't say if you were talking about the listing of products or the product page. For the listing of products you will have to edit one of the files listing_* of the view product (it depends on the item box layout you're using in your module/menu) For the product page you can edit the file show of the view product. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Marga](/forum/user/620-marga "View Marga's Profile")** - [![Marga's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/620-marga "View Marga's Profile") Topic Author - [ Offline](/forum/user/620-marga) Less More - Posts: 23 - Thank you received: 0 - - 15 years 9 months ago [\#5199](#5199) by [Marga](/forum/user/620-marga "View Marga's Profile") Replied by *[Marga](/forum/user/620-marga "View Marga's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5199 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* Hi Nicolas:) Thank once again for you're fantastic help It the product page I'm editing Sorry is it Display->Views I can find Front- end product- cart but where can I find "view product."? Many Thanks and Kind Regards Charles Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Marga](/forum/user/620-marga "View Marga's Profile")** - [![Marga's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/620-marga "View Marga's Profile") Topic Author - [ Offline](/forum/user/620-marga) Less More - Posts: 23 - Thank you received: 0 - - 15 years 9 months ago [\#5200](#5200) by [Marga](/forum/user/620-marga "View Marga's Profile") Replied by *[Marga](/forum/user/620-marga "View Marga's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5200 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* Hi Nicolas:) Thank once again for you're fantastic help It the product page I'm editing Sorry is it Display->Views I can find Front- end product- cart but where can I find "view product."? Many Thanks and Kind Regards Charles Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Marga](/forum/user/620-marga "View Marga's Profile")** - [![Marga's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/620-marga "View Marga's Profile") Topic Author - [ Offline](/forum/user/620-marga) Less More - Posts: 23 - Thank you received: 0 - - 15 years 9 months ago [\#5201](#5201) by [Marga](/forum/user/620-marga "View Marga's Profile") Replied by *[Marga](/forum/user/620-marga "View Marga's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5201 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* I've just had a better idea! can use the <a class="hikashop_html_add_to_cart_link" href="/index.php?option=com_hikashop&ctrl=product&task=updatecart&quantity=1&checkout=1&product_id=1"></a> to add a cart button to the bottom of the page and remove the default button? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 15 years 9 months ago [\#5202](#5202) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5202 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* In the menu Display->Views, in the search box just type "show" and press enter. You should have few results with one of them having "product" in the column "view". Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 15 years 9 months ago [\#5204](#5204) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5204 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* You can do that but the option "when a product is added to the cart" won't work with this HTML add to cart button. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Marga](/forum/user/620-marga "View Marga's Profile")** - [![Marga's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/620-marga "View Marga's Profile") Topic Author - [ Offline](/forum/user/620-marga) Less More - Posts: 23 - Thank you received: 0 - - 15 years 9 months ago - 15 years 9 months ago [\#5206](#5206) by [Marga](/forum/user/620-marga "View Marga's Profile") Replied by *[Marga](/forum/user/620-marga "View Marga's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5206 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* Thank you Nicolas for you're geat advice I found "show product" but where's class ="button hikashop_cart_input_button" please? or would it be easier to do the method <a class="hikashop_html_add_to_cart_link" href="mysite.com/index.php?option=com_hikashop&ctrl=product&task=updatecart&quantity=1&checkout=1&product_id=1"></a> Last edit: 15 years 9 months ago by [Marga](/forum/user/620-marga "View Marga's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 15 years 9 months ago [\#5208](#5208) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5208 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* the add to cart button is displayed by the code in the span with the id hikashop_product_quantity_main Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Marga](/forum/user/620-marga "View Marga's Profile")** - [![Marga's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/620-marga "View Marga's Profile") Topic Author - [ Offline](/forum/user/620-marga) Less More - Posts: 23 - Thank you received: 0 - - 15 years 9 months ago - 15 years 9 months ago [\#5211](#5211) by [Marga](/forum/user/620-marga "View Marga's Profile") Replied by *[Marga](/forum/user/620-marga "View Marga's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5211 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* Thank you found the cart button > <?php $this->row =& $this->element; > $this->setLayout('quantity'); > echo $this->loadTemplate();?> But everytime I move it to a lower position the cart button does not show for example moved it here > <?php if(!empty($this->fields)){?> > <div id="hikashop\_product\_custom\_info" class="hikashop\_product\_custom\_info"> > <h4><?php echo JText::\_('SPECIFICATIONS');?></h4> > <table width="100%"> > <?php > foreach($this->fields as $fieldName => $oneExtraField) { > if(!empty($this->element->$fieldName)){ ?> > <tr> > <td class="key"> > <span id="hikashop\_product\_custom\_name\_<?php echo $oneExtraField->field\_id;?>" class="hikashop\_product\_custom\_name"><span id="hikashop\_product\_quantity\_main" class="hikashop\_product\_quantity\_main"><?php > $this->row =& $this->element; > $this->setLayout('quantity'); > echo $this->loadTemplate(); > ?> > </span> Last edit: 15 years 9 months ago by [Marga](/forum/user/620-marga "View Marga's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 15 years 9 months ago [\#5213](#5213) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5213 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* You can't move it randomly ![:)](/media/kunena/emoticons/8.png ":)") Try to put it just before that: <span id="hikashop_product_url_main" class="hikashop_product_url_main"> And don't forget to move the closing span tag as well. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Marga](/forum/user/620-marga "View Marga's Profile")** - [![Marga's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/620-marga "View Marga's Profile") Topic Author - [ Offline](/forum/user/620-marga) Less More - Posts: 23 - Thank you received: 0 - - 15 years 9 months ago [\#5215](#5215) by [Marga](/forum/user/620-marga "View Marga's Profile") Replied by *[Marga](/forum/user/620-marga "View Marga's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5215 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* Thank you so much Nicolas That worked great! You might thinking more about using the zoo template Layouts with element positions to arrange content using Drag 'n Drop zoo [ www.yootheme.com/zoo/](http://www.yootheme.com/zoo/) Consider how useful that will be? Many Thanks once again for great customer services Charles Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 15 years 9 months ago [\#5217](#5217) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Shop Cart button css](/forum/4-how-to/5179-shop-cart-button-css#5217 "Hi :) Would let me know please how do I place the "add cart button" at bottom of the page? Many Thanks and Kind Regards Charles")* Well, it's not that simple. Forms can be build easily with an interface, and we actually have one for custom fields in HikaShop. But complex pages like the product page have several areas and they need to be dynamically updatable with characteristics and variants... And with CSS, you can already do a lot. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUxNzktc2hvcC1jYXJ0LWJ1dHRvbi1jc3M/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & 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.414 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)