d
Topic
Posts:
2
April 05, 2017

Moving sections from one theme to another This post is outdated

Hey there!

I am new to shopify and I am building an online store for swimwear.

I am using Brooklyn theme in my store, but, in order to show the quality of our products I need a product page like Debut theme has with a larger image, thumbnails and a real zoom.

I also tried to use Debut theme, but they don't have full-width images on the homepage, and I really don't like how it looks.

So, I wonder if there's any way to use product features of Debut theme on Brooklyn or have full-width images on the homepage of Debut (remove the white bar on the top).

Thanks in advance!!

i
Replies
Posts:
2
April 13, 2017

Hi Ani!

Thanks so much for your help!

What details do you need to help me?

My store is www.taipu.pt

Thanks in advance!!

Telma

 

Posts:
16
12 months ago

I'm having this same issue. I got the files copied over where I can edit the section in the admin area but it's showing up without any structure. I've tried copying all the css files over to the site and this had no effect whatsoever on the theme. 

I want the end result to look like this:

But I'm getting this instead with what's supposed to be on the left, showing up twice and it's not aligning up like how the other theme is. 

Can someone point me in the direction of where I can find or look for the specific coding to make this section show up right. 

It's called "Our Service" and here's the coding for it's section. Thank you 

<div class="service-area mb-100">
  <div class="{% if settings.wrapper_box == 'box' %}container-custom{% else %}container{% endif %}">          
    <div class="section-heading text-center">
      {% if section.settings.section_title != blank %}
      <h1 class="section-title">{{ section.settings.section_title }}</h1>
      {% endif %}          
      {% if section.settings.section_subtitle !='' %}
      <h6 class="section-subtitle">{{ section.settings.section_subtitle }}</h6>
      {% endif %}
    </div>
    <div class="row">
      <div class="col-md-4 col-sm-4 hidden-xs text-right">
        {% if section.settings.left_service_1_enable %}
        <div class="single-service-item">
          <h2 class="capitalize"><a class="{% if section.settings.left_icon_1 %}left-title{% endif %}" href="{{ section.settings.left_side_title_1_url }}">{{ section.settings.left_side_title_1 }}</a> {% if section.settings.left_icon_1 %}<span><img src="{{ section.settings.left_icon_1 | img_url: 'small' }}" /></span>{% endif %}</h2>            
          <p>{{ section.settings.left_side_description_1 }}</p>
        </div>
        {% endif %}

        {% if section.settings.left_service_2_enable %}
        <div class="single-service-item">
          <h2 class="capitalize"><a class="{% if section.settings.left_icon_2 %}left-title{% endif %}" href="{{ section.settings.left_side_title_2_url }}">{{ section.settings.left_side_title_2 }}</a> {% if section.settings.left_icon_2 %}<span><img src="{{ section.settings.left_icon_2 | img_url: 'small' }}" /></span>{% endif %}</h2>            
          <p>{{ section.settings.left_side_description_2 }}</p>
        </div>
        {% endif %}

        {% if section.settings.left_service_3_enable %}
        <div class="single-service-item">
          <h2 class="capitalize"><a class="{% if section.settings.left_icon_3 %}left-title{% endif %}" href="{{ section.settings.left_side_title_3_url }}">{{ section.settings.left_side_title_3 }}</a> {% if section.settings.left_icon_3 %}<span><img src="{{ section.settings.left_icon_3 | img_url: 'small' }}" /></span>{% endif %}</h2>            
          <p>{{ section.settings.left_side_description_3 }}</p>
        </div>
        {% endif %}

        {% if section.settings.left_service_4_enable %}
        <div class="single-service-item">
          <h2 class="capitalize"><a class="{% if section.settings.left_icon_4 %}left-title{% endif %}" href="{{ section.settings.left_side_title_4_url }}">{{ section.settings.left_side_title_4 }}</a> {% if section.settings.left_icon_4 %}<span><img src="{{ section.settings.left_icon_4 | img_url: 'small' }}" /></span>{% endif %}</h2>            
          <p>{{ section.settings.left_side_description_4 }}</p>
        </div>
        {% endif %}
      </div>
      
      <div class="col-xs-12 hidden-sm hidden-md hidden-lg text-left">
        {% if section.settings.left_service_1_enable %}
        <div class="single-service-item">
          <h2 class="capitalize">{% if section.settings.left_icon_1 %}<span><img src="{{ section.settings.left_icon_1 | img_url: 'small' }}" /></span>{% endif %} <a class="{% if section.settings.left_icon_1 %}right-title{% endif %}" href="{{ section.settings.left_side_title_1_url }}">{{ section.settings.left_side_title_1 }}</a></h2>            
          <p>{{ section.settings.left_side_description_1 }}</p>
        </div>
        {% endif %}

        {% if section.settings.left_service_2_enable %}
        <div class="single-service-item">
          <h2 class="capitalize">{% if section.settings.left_icon_2 %}<span><img src="{{ section.settings.left_icon_2 | img_url: 'small' }}" /></span>{% endif %} <a class="{% if section.settings.left_icon_2 %}right-title{% endif %}" href="{{ section.settings.left_side_title_2_url }}">{{ section.settings.left_side_title_2 }}</a></h2>            
          <p>{{ section.settings.left_side_description_2 }}</p>
        </div>
        {% endif %}

        {% if section.settings.left_service_3_enable %}
        <div class="single-service-item">
          <h2 class="capitalize">{% if section.settings.left_icon_3 %}<span><img src="{{ section.settings.left_icon_3 | img_url: 'small' }}" /></span>{% endif %} <a class="{% if section.settings.left_icon_3 %}right-title{% endif %}" href="{{ section.settings.left_side_title_3_url }}">{{ section.settings.left_side_title_3 }}</a></h2>            
          <p>{{ section.settings.left_side_description_3 }}</p>
        </div>
        {% endif %}

        {% if section.settings.left_service_4_enable %}
        <div class="single-service-item">
          <h2 class="capitalize">{% if section.settings.left_icon_4 %}<span><img src="{{ section.settings.left_icon_4 | img_url: 'small' }}" /></span>{% endif %} <a class="{% if section.settings.left_icon_4 %}right-title{% endif %}" href="{{ section.settings.left_side_title_4_url }}">{{ section.settings.left_side_title_4 }}</a></h2>            
          <p>{{ section.settings.left_side_description_4 }}</p>
        </div>
        {% endif %}
      </div>

      <div class="col-md-4 col-sm-4 hidden-xs text-center">
        {% if section.settings.pet_image %}
        <img src="{{ section.settings.pet_image | img_url: 'master' }}" />
        {% else %}
        <img src="https://via.placeholder.com/330x450" />
        {% endif %}
      </div>

      <div class="col-md-4 col-sm-4 col-xs-12 text-left">
        {% if section.settings.right_service_1_enable %}
        <div class="single-service-item">
          <h2 class="capitalize">{% if section.settings.right_icon_1 %}<span><img src="{{ section.settings.right_icon_1 | img_url: 'small' }}" /></span>{% endif %} <a class="{% if section.settings.right_icon_1 %}right-title{% endif %}" href="{{ section.settings.right_side_title_1_url }}">{{ section.settings.right_side_title_1 }}</a></h2>            
          <p>{{ section.settings.right_side_description_1 }}</p>
        </div>
        {% endif %}        

        {% if section.settings.right_service_2_enable %}
        <div class="single-service-item">
          <h2 class="capitalize">{% if section.settings.right_icon_2 %}<span><img src="{{ section.settings.right_icon_2 | img_url: 'small' }}" /></span>{% endif %} <a class="{% if section.settings.right_icon_2 %}right-title{% endif %}" href="{{ section.settings.right_side_title_2_url }}">{{ section.settings.right_side_title_2 }}</a></h2>            
          <p>{{ section.settings.right_side_description_2 }}</p>
        </div>
        {% endif %}        

        {% if section.settings.right_service_3_enable %}
        <div class="single-service-item">
          <h2 class="capitalize">{% if section.settings.right_icon_3 %}<span><img src="{{ section.settings.right_icon_3 | img_url: 'small' }}" /></span>{% endif %} <a class="{% if section.settings.right_icon_3 %}right-title{% endif %}" href="{{ section.settings.right_side_title_3_url }}">{{ section.settings.right_side_title_3 }}</a></h2>            
          <p>{{ section.settings.right_side_description_3 }}</p>
        </div>
        {% endif %}        

        {% if section.settings.right_service_4_enable %}
        <div class="single-service-item">
          <h2 class="capitalize">{% if section.settings.right_icon_4 %}<span><img src="{{ section.settings.right_icon_4 | img_url: 'small' }}" /></span>{% endif %} <a class="{% if section.settings.right_icon_4 %}right-title{% endif %}" href="{{ section.settings.right_side_title_4_url }}">{{ section.settings.right_side_title_4 }}</a></h2>            
          <p>{{ section.settings.right_side_description_4 }}</p>
        </div>
        {% endif %}
      </div>
    </div>
  </div>
</div>

<!-- schema coding below here -->