Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Theme Basics


Jack_mcs

Recommended Posts

@osCommerce-OfficialPlease explain how to place two widgets side-by-side in a new theme. I've tried adding them one at a time and then after adding a block. They move vertically but not horizontally.

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

Get the latest versions of my addons

Recommended SEO Addons

Link to comment
Share on other sites

4 hours ago, Jack_mcs said:

@osCommerce-OfficialPlease explain how to place two widgets side-by-side in a new theme. I've tried adding them one at a time and then after adding a block. They move vertically but not horizontally.

After adding the block, you can edit the properties of the block. One of the options will allow you to specify full site width, OR 1/2 OR 1/3 etc. Click Save. After this you will be able to add your widgets into the block.

Link to comment
Share on other sites

9 hours ago, Hotclutch said:

After adding the block, you can edit the properties of the block. One of the options will allow you to specify full site width, OR 1/2 OR 1/3 etc. Click Save. After this you will be able to add your widgets into the block.

Thanks Ashley but I had already tried that. The block shows the width settings but adding a second widget places it in the first block. I tried dragging it to the second block but it doesn't hold. I must not be clicking in the correct location but none of the variations I've tried work. The attached shows what I see.

a1.jpg

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

Get the latest versions of my addons

Recommended SEO Addons

Link to comment
Share on other sites

On 2/23/2022 at 4:40 PM, Jack_mcs said:

I must not be clicking in the correct location but none of the variations I've tried work. The attached shows what I see.

a1.jpg

Hi Jack. I have had another look at this now. It's difficult to explain, but the problem is with where you drop the drag (if that makes sense). Here below I created 2 blocks, the one has a 1/5 split and the other a 1/3 split.

1.png.07bf392ef3a209798d63bbfb74cf0012.png

2.png.0f05f7b0fb80c79df708d5b234e428ae.png

3.png.b32df4c505a16f6d8c4ab45d96415e83.png

Link to comment
Share on other sites

@HotclutchThanks. Ashley. That cleared it up for me. I was using the mouse pointer for the destination but it is the box holding the commands (edit, etc.) that should be used.

Support Links:

For Hire: Contact me for anything you need help with for your shop: upgrading, hosting, repairs, code written, etc.

Get the latest versions of my addons

Recommended SEO Addons

Link to comment
Share on other sites

These are the buttons for the Watch theme.

1.png.5e04e888dbc571227d5b81f5d9e7cafe.png

This is the CSS that controls it.

.btn {
  background-color: #ffffff;
  color: #183d78;
  font-size:16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height:20px;
  font-family:Hind;
  border:2px solid #183d78;
  border-radius:20px 20px 20px 20px;
  padding:5px 25px 4px;
}
.btn-1 {
  background-color: #ee4225;
  color: #ffffff;
  font-size:16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height:24px;
  font-family:Hind;
  border-radius:20px 20px 20px 20px;
  padding:5px 25px 4px;
}
.btn-2 {
  background-color: #00a858;
  color: #ffffff;
  font-size:18px;
  font-weight: 600;
  text-transform: uppercase;
  line-height:20px;
  font-family:Hind;
  border-radius:24px 24px 24px 24px;
  padding:14px 25px 12px;
}
.btn-3 {
  color: #183d78;
  font-size:20px;
  font-weight: 600;
  text-transform: uppercase;
  line-height:20px;
  font-family:Hind;
  border:2px solid #183d78;
  border-radius:24px 24px 24px 24px;
  padding:12px 25px 10px;
}

2.png.2da39dbe3ba16dc4f6b16bb409069bb4.png

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...