Moving sections from one theme to another

Highlighted
New Member
2 0 0

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!!

0 Likes
Excursionist
140 0 4

Hi Telma,

No worries I'm an expert Shopify developer and would love to assist you with this full-width images on Home page as you want. 

Please share your site details with me.

Regards,
Ani [ ani93sc(at)gmail(dot)com ] 

0 Likes
New Member
2 0 0

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

 

0 Likes
New Member
16 0 0

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 -->

 

0 Likes