[Skip to main content](#vessel-content) # Moving product parts around ## - **[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")** - [![ryand500's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7654-ryand500 "View ryand500's Profile") Topic Author - [ Offline](/forum/user/7654-ryand500) Less More - Posts: 19 - Thank you received: 0 - - 14 years 4 months ago [\#54039](#54039) by [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") *[Moving product parts around](/forum/4-how-to/54039-moving-product-parts-around#54039 "In the CSS, would anyone know how to swop these two around? .hikashop_product_right_part{ .hikashop_product_bottom_part{")* was created by *[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")* In the CSS, would anyone know how to swop these two around? .hikashop_product_right_part{ .hikashop_product_bottom_part{ Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU0MDM5LW1vdmluZy1wcm9kdWN0LXBhcnRzLWFyb3VuZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 14 years 4 months ago [\#54054](#54054) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Re: Moving product parts around](/forum/4-how-to/54039-moving-product-parts-around#54054 "In the CSS, would anyone know how to swop these two around? .hikashop_product_right_part{ .hikashop_product_bottom_part{")* Hello, I think that you'll just have to : - Go to "*Hikashop->Display->Views*" - Edit the "Schow_default" file of the product view of the template that you are using in the front-end - Switch the code of the "*<div id="hikashop\_product\_right\_part" class="hikashop\_product\_right\_part">*" div whith the code of the "*<div id="hikashop\_product\_bottom\_part" class="hikashop\_product\_bottom\_part">*" div Hope this will help you a little. The following user(s) said Thank You: [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU0MDM5LW1vdmluZy1wcm9kdWN0LXBhcnRzLWFyb3VuZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")** - [![ryand500's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7654-ryand500 "View ryand500's Profile") Topic Author - [ Offline](/forum/user/7654-ryand500) Less More - Posts: 19 - Thank you received: 0 - - 14 years 4 months ago [\#54482](#54482) by [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") Replied by *[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")* on topic *[Re: Moving product parts around](/forum/4-how-to/54039-moving-product-parts-around#54482 "In the CSS, would anyone know how to swop these two around? .hikashop_product_right_part{ .hikashop_product_bottom_part{")* Thanks that helped a lot but now i wish to move my add to cart button and price below the product image This is what it looks like now [ ![currently.jpg](/forum/attachment/4331) ](/forum/attachment/4331 "currently.jpg") and this is what I would like it to look like [ ![tolooklike.jpg](/forum/attachment/4332) ](/forum/attachment/4332 "tolooklike.jpg") Got any ideas ![:)](/media/kunena/emoticons/8.png ":)") - [ ![currently.jpg](/forum/attachment/4331) ](/forum/attachment/4331 "currently.jpg") [ ](/forum/attachment/4331?download=1 "currently.jpg") - [ ![tolooklike.jpg](/forum/attachment/4332) ](/forum/attachment/4332 "tolooklike.jpg") [ ](/forum/attachment/4332?download=1 "tolooklike.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU0MDM5LW1vdmluZy1wcm9kdWN0LXBhcnRzLWFyb3VuZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 14 years 4 months ago [\#54483](#54483) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Re: Moving product parts around](/forum/4-how-to/54039-moving-product-parts-around#54483 "In the CSS, would anyone know how to swop these two around? .hikashop_product_right_part{ .hikashop_product_bottom_part{")* Yes, I think that you'll just have to : - Edit the "Schow_default" file of the product view of the template that you are using in the front-end - delete the code : Code: <div id="hikashop_product_quantity_main" class="hikashop_product_quantity_main"> <?php $this->row = & $this->element; $this->ajax = 'if(hikashopCheckChangeForm(\'item\',\'hikashop_product_form\')){ return hikashopModifyQuantity(\'' . $this->row->product_id . '\',field,1' . $form . '); } else { return false; }'; $this->setLayout('quantity'); echo $this->loadTemplate(); ?> </div> - add the code : Code: <div id="hikashop_product_quantity_main" class="hikashop_product_quantity_main"> <?php $this->row = & $this->element; $form = ',\'hikashop_product_form\''; $this->ajax = 'if(hikashopCheckChangeForm(\'item\',\'hikashop_product_form\')){ return hikashopModifyQuantity(\'' . $this->row->product_id . '\',field,1' . $form . '); } else { return false; }'; $this->setLayout('quantity'); echo $this->loadTemplate(); ?> </div> under the code Code: <?php $this->row = & $this->element; $this->setLayout('show_block_img'); echo $this->loadTemplate(); ?> And it should works. The following user(s) said Thank You: [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzU0MDM5LW1vdmluZy1wcm9kdWN0LXBhcnRzLWFyb3VuZD90bXBsPW1hcmtkb3du) 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.140 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)