#1  
Old 02-08-2018, 09:07 PM
Onur6's Avatar
Onur6 Onur6 is offline
 
Join Date: Feb 2018
Posts: 4
Default Moving the Product Details

Hi Everyone,

I want to move the Product details to the left side under the picture, there is a huge gap under the picture. Can anyone help me how to move it there?

https://www.studifahrten.de/online-s...018-p100283011
Reply With Quote
  #2  
Old 03-14-2018, 04:59 PM
Brian3864869's Avatar
Brian3864869 Brian3864869 is offline
Junior Member
 
Join Date: Mar 2018
Posts: 1
Default

What's up. I'm looking for the same thing too. Have you ever found it?
Reply With Quote
  #3  
Old 03-14-2018, 05:12 PM
Onur6's Avatar
Onur6 Onur6 is offline
 
Join Date: Feb 2018
Posts: 4
Default

Hi,

yes. I did this:

1) Go to Ecwid control panel
2) Below select Design (under Configuration)
3) On the right top it says "Edit Theme"

4) After Edit theme select add new css theme

5) Copy and paste this:

To the Theme name part: Tabs

Below to the blank area:

.ecwid {
$bg-color: #eee;
$bg-color-active: #fff;
$border-color: #ccc;
$tabs-count: 3;
.tabs {
margin-bottom: 20px;
.tabs__input {
display: none;
}
.tabs__link {
background: $bg-color;
border: 1px solid $border-color;
float: left;
font-weight: 600;
padding: 5px 10px;
margin-right: -1px;
margin-bottom: -1px;
&:hover {
background: darken($bg-color, 10%);
}
}
.tabs__content {
border: 1px solid $border-color;
clear: both;
display: none;
padding: 10px;
transition: opacity 200ms ease-out;
}
@for $i from 1 through $tabs-count {
.tabs__input:checked:nth-of-type(#{$i}) ~ .tabs__link:nth-of-type(#{$i}) {
background: $bg-color-active;
border-bottom-color: $bg-color-active;
}
}
@for $i from 1 through $tabs-count {
.tabs__input:checked:nth-of-type(#{$i}) ~ .tabs__content:nth-of-type(#{$i}) {
display: block;
}
}
}
.ecwid-productBrowser-details-descr .tabs__link {
box-sizing: border-box;
width: 100% / $tabs-count;
}
}
Reply With Quote
The Following User Says Thank You to Onur6 For This Useful Post:
Stacy_P (03-15-2018)
Reply

Tags
product details, product details page, wix

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:08 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.